Exemple de comment revenir à la page d'accueil à partir de la page de partage du mini programme WeChat

Cet article présente principalement l'exemple de comment revenir à la page d'accueil de la page de partage d'applet WeChat. Maintenant, je le partage avec vous et le donne comme référence.

Lors du développement de petits programmes, j'ai constaté qu'après le partage d'une page, il est difficile pour les utilisateurs de revenir à la page d'accueil via la page partagée. (Le fonctionnement officiel de WeChat consiste à cliquer sur les trois points dans le coin supérieur droit, qui seront affichés sous le téléphone pour revenir à la page d'accueil). De nombreuses solutions privées consistent à ajouter vous-même une marque d'accueil flottante à la page.

Aujourd'hui, je vais partager une autre méthode. Veuillez regarder le .gif ci-dessous ;

Avez-vous remarqué qu'il y a un bouton de retour dans le coin supérieur gauche. Le principe est simple. Sur la page que vous souhaitez partager, configurez votre page d'accueil lors du partage de la configuration, et apportez les paramètres correspondants, qui peuvent être obtenus dans la méthode onLoad de la page d'accueil. Le code est le suivant :

<!--index.wxml-->
<view class="container">
<text>我是首页</text>
 <button bindtap=&#39;goLogs&#39;>go logsPage</button>
</view>

const app = getApp()

Page({
 data: {
  motto: &#39;Hello World&#39;,
  userInfo: {},
  hasUserInfo: false,
  canIUse: wx.canIUse(&#39;button.open-type.getUserInfo&#39;)
 },
 //事件处理函数
 goLogs: function() {
  wx.navigateTo({
   url: &#39;/pages/logs/logs&#39;
  })
 },
 onLoad: function (options) {
  console.log(options)
  if (options.share_query){
   wx.showLoading({
    title: &#39;我是从分享页面进入的&#39;,
   })

   setTimeout(function () {
    wx.hideLoading()
    wx.navigateTo({
     url: &#39;/pages/logs/logs&#39;,
    })
   }, 2000)

  
  }

  }
 
})
<!--logs.wxml-->
<view class="container log-list">
 <block wx:for="{{logs}}" wx:for-item="log">
  <text class="log-item">{{index + 1}}. {{log}}</text>
 </block>
</view>
const app = getApp()

Page({
 data: {
  motto: &#39;Hello World&#39;,
  userInfo: {},
  hasUserInfo: false,
  canIUse: wx.canIUse(&#39;button.open-type.getUserInfo&#39;)
 },
 //事件处理函数
 goLogs: function() {
  wx.navigateTo({
   url: &#39;/pages/logs/logs&#39;
  })
 },
 onLoad: function (options) {
  console.log(options)
  //判断是否分享进入
  if (options.share_query){
   wx.showLoading({
    title: &#39;我是从分享页面进入的&#39;,
   })

   setTimeout(function () {
    wx.hideLoading()
    wx.navigateTo({
     url: &#39;/pages/logs/logs&#39;,
    })
   }, 2000)  
  }
  } 
})

Ce qui précède est ce que j'ai compilé pour tout le monde. J'espère qu'il sera utile à tout le monde à l'avenir.

Articles connexes :

Requête Ajax imbriquée dans un exemple de code de requête Ajax

Comment créer un objet ajax et être compatible avec plusieurs navigateurs

Utilisez la technologie ajax pour appeler dynamiquement les données boursières Sina en temps réel sans actualiser

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!