Kehren Sie zur Startseite zurück, nachdem Sie ein Miniprogramm entwickelt und die Seite geteilt haben

Dieses Mal werde ich Ihnen zeigen, worauf Sie achten sollten, nachdem Sie nach der Entwicklung einer kleinen Programmfreigabeseite zur Startseite zurückgekehrt sind. Das Folgende ist ein praktischer Fall, schauen wir uns das an.

Bei der Entwicklung kleiner Programme habe ich festgestellt, dass es für Benutzer nach der Freigabe einer Seite schwierig ist, über die freigegebene Seite den Weg zurück zur Startseite zu finden. (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 andere 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: 'Hello World',
  userInfo: {},
  hasUserInfo: false,
  canIUse: wx.canIUse('button.open-type.getUserInfo')
 },
 //事件处理函数
 goLogs: function() {
  wx.navigateTo({
   url: '/pages/logs/logs'
  })
 },
 onLoad: function (options) {
  console.log(options)
  if (options.share_query){
   wx.showLoading({
    title: '我是从分享页面进入的',
   })
   setTimeout(function () {
    wx.hideLoading()
    wx.navigateTo({
     url: '/pages/logs/logs',
    })
   }, 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: 'Hello World',
  userInfo: {},
  hasUserInfo: false,
  canIUse: wx.canIUse('button.open-type.getUserInfo')
 },
 //事件处理函数
 goLogs: function() {
  wx.navigateTo({
   url: '/pages/logs/logs'
  })
 },
 onLoad: function (options) {
  console.log(options)
  //判断是否分享进入
  if (options.share_query){
   wx.showLoading({
    title: '我是从分享页面进入的',
   })
   setTimeout(function () {
    wx.hideLoading()
    wx.navigateTo({
     url: '/pages/logs/logs',
    })
   }, 2000)  
  }
  } 
})

Ich glaube, dass Sie die Methode beherrschen, nachdem Sie den Fall in diesem Artikel gelesen haben. Weitere spannende Informationen finden Sie in anderen verwandten Artikeln auf der chinesischen PHP-Website.

Empfohlene Lektüre:

Zusammenfassung der serverseitigen Angular-Rendering-Methode

Wie kann man einen Beobachter in Vue erstellen?

Das obige ist der detaillierte Inhalt vonKehren Sie zur Startseite zurück, nachdem Sie ein Miniprogramm entwickelt und die Seite geteilt haben. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!