小程序怎么實現(xiàn)分享頁面返回首頁跳轉(zhuǎn)

本文小編為大家詳細介紹“小程序怎么實現(xiàn)分享頁面返回首頁跳轉(zhuǎn)”，內(nèi)容詳細，步驟清晰，細節(jié)處理妥當，希望這篇“小程序怎么實現(xiàn)分享頁面返回首頁跳轉(zhuǎn)”文章能幫助大家解決疑惑，下面跟著小編的思路慢慢深入，一起來學習新知識吧。

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

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

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

　　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: '我是從分享頁面進入的',

　　})

　　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)

　　//判斷是否分享進入

　　if (options.share_query){

　　wx.showLoading({

　　title: '我是從分享頁面進入的',

　　})

　　setTimeout(function () {

　　wx.hideLoading()

　　wx.navigateTo({

　　url: '/pages/logs/logs',

　　})

　　}, 2000)

　　}

　　}

　　})

讀到這里，這篇“小程序怎么實現(xiàn)分享頁面返回首頁跳轉(zhuǎn)”文章已經(jīng)介紹完畢，想要掌握這篇文章的知識點還需要大家自己動手實踐使用過才能領會，如果想了解更多相關內(nèi)容的文章，歡迎關注億速云行業(yè)資訊頻道。