Maison  >  Article  >  interface Web  >  Explication détaillée des étapes pour revenir à la page précédente sur la page de partage du mini programme

Explication détaillée des étapes pour revenir à la page précédente sur la page de partage du mini programme

php中世界最好的语言
php中世界最好的语言original
2018-05-08 11:42:086833parcourir

Cette fois, je vous apporte la page de partage du mini programme Retour à la page précédente Étapes détaillées, quelles sont les précautions pour revenir à la page précédente sur la page de partage du mini programme, ce qui suit est un cas pratique, jetons un coup d'œil.

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 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: '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)  
  }
  } 
})

Je pense que vous maîtrisez la méthode après avoir lu le cas dans cet article. Pour des informations plus intéressantes, veuillez prêter attention aux autres articles connexes sur le site Web chinois de PHP !

Lecture recommandée :

Explication détaillée des étapes permettant à Vue de convertir des chaînes HTML en HTML

Explication détaillée de Méthode d'extension ElTableColumn

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!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn