小程序開發(fā)分享頁面后返回首頁的示例分析

小編給大家分享一下小程序開發(fā)分享頁面后返回首頁的示例分析，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！

網(wǎng)站建設(shè)哪家好，找成都創(chuàng)新互聯(lián)！專注于網(wǎng)頁設(shè)計(jì)、網(wǎng)站建設(shè)、微信開發(fā)、成都小程序開發(fā)、集團(tuán)企業(yè)網(wǎng)站建設(shè)等服務(wù)項(xiàng)目。為回饋新老客戶創(chuàng)新互聯(lián)還提供了建昌免費(fèi)建站歡迎大家使用！

做小程序開發(fā)發(fā)現(xiàn)，頁面分享出去后，用戶通過分享進(jìn)去的頁面很難找到返首頁的情況。（微信官方操作是點(diǎn)擊右上角三個(gè)點(diǎn)，在手機(jī)下方顯示返回首頁）。民間很多方案是自己在頁面加個(gè)懸浮Home標(biāo)注。

今天我分享另外一種方法。請看下面.gif;

有沒有發(fā)現(xiàn)，左上角有返回按鈕了。原理簡單，在你要分享的頁面，分享配置時(shí)配置你的首頁，并帶上對應(yīng)的參數(shù)，在首頁 onLoad方法中可以獲取。代碼如下：

我是首頁
 go logsPage

const app = getApp()
Page({
 data: {
  motto: 'Hello World',
  userInfo: {},
  hasUserInfo: false,
  canIUse: wx.canIUse('button.open-type.getUserInfo')
 },
 //事件處理函數(shù)
 goLogs: function() {
  wx.navigateTo({
   url: '/pages/logs/logs'
  })
 },
 onLoad: function (options) {
  console.log(options)
  if (options.share_query){
   wx.showLoading({
    title: '我是從分享頁面進(jìn)入的',
   })
   setTimeout(function () {
    wx.hideLoading()
    wx.navigateTo({
     url: '/pages/logs/logs',
    })
   }, 2000)
  
  }
  }
 
})


 
  {{index + 1}}. {{log}}
 

const app = getApp()
Page({
 data: {
  motto: 'Hello World',
  userInfo: {},
  hasUserInfo: false,
  canIUse: wx.canIUse('button.open-type.getUserInfo')
 },
 //事件處理函數(shù)
 goLogs: function() {
  wx.navigateTo({
   url: '/pages/logs/logs'
  })
 },
 onLoad: function (options) {
  console.log(options)
  //判斷是否分享進(jìn)入
  if (options.share_query){
   wx.showLoading({
    title: '我是從分享頁面進(jìn)入的',
   })
   setTimeout(function () {
    wx.hideLoading()
    wx.navigateTo({
     url: '/pages/logs/logs',
    })
   }, 2000)  
  }
  } 
})

以上是“小程序開發(fā)分享頁面后返回首頁的示例分析”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對大家有所幫助，如果還想學(xué)習(xí)更多知識(shí)，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！

網(wǎng)頁名稱：小程序開發(fā)分享頁面后返回首頁的示例分析
URL鏈接：http://m.jiaotiyi.com/article/gjgeid.html