So kehren Sie zur Startseite der Freigabeseite des WeChat Mini-Programms zurück

In diesem Artikel wird hauptsächlich das Beispiel für die Rückkehr zur Startseite der WeChat-Applet-Sharing-Seite vorgestellt. Der Herausgeber findet es recht gut, daher werde ich es jetzt mit Ihnen teilen und als Referenz verwenden. Folgen wir dem Editor und werfen wir einen Blick darauf

Bei der Entwicklung kleiner Programme habe ich festgestellt, dass es für Benutzer nach der Freigabe der Seite schwierig ist, die Situation zu finden, über die freigegebene Seite zur Startseite zurückzukehren. (Die offizielle Funktionsweise von WeChat besteht darin, auf die drei Punkte in der oberen rechten Ecke zu klicken, die unter dem Telefon angezeigt werden, um zur Startseite zurückzukehren.) Viele private Lösungen bestehen darin, der Seite selbst eine schwebende Home-Markierung hinzuzufügen.

Heute werde ich eine weitere Methode vorstellen. Schauen Sie sich bitte die GIF-Datei unten an.

Ist Ihnen aufgefallen, dass sich in der oberen linken Ecke ein Zurück-Button befindet? Das Prinzip ist einfach. Konfigurieren Sie auf der Seite, die Sie freigeben möchten, Ihre Homepage, wenn Sie die Konfiguration freigeben, und bringen Sie die entsprechenden Parameter mit, die in der onLoad-Methode der Homepage abgerufen werden können. Der Code lautet wie folgt:

<!--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)  
  }
  } 
})

Das Obige ist der gesamte Inhalt dieses Artikels. Ich hoffe, er wird für das Studium aller hilfreich sein. Bitte achten Sie auf die chinesische PHP-Website!

Verwandte Empfehlungen:

Bluetooth-Link im WeChat-Applet

Zwei Methoden, um zur Seite im WeChat-Applet zu springen

Das obige ist der detaillierte Inhalt vonSo kehren Sie zur Startseite der Freigabeseite des WeChat Mini-Programms zurück. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!