您好,登錄后才能下訂單哦!
本文小編為大家詳細介紹“小程序怎么實現分享頁面返回首頁跳轉”,內容詳細,步驟清晰,細節處理妥當,希望這篇“小程序怎么實現分享頁面返回首頁跳轉”文章能幫助大家解決疑惑,下面跟著小編的思路慢慢深入,一起來學習新知識吧。
做小程序開發發現,頁面分享出去后,用戶通過分享進去的頁面很難找到返首頁的情況。(微信官方操作是點擊右上角三個點,在手機下方顯示返回首頁)。民間很多方案是自己在頁面加個懸浮Home標注。
今天我分享另外一種方法。請看下面.gif;
有沒有發現,左上角有返回按鈕了。原理簡單,在你要分享的頁面,分享配置時配置你的首頁,并帶上對應的參數,在首頁onLoad方法中可以獲取。代碼如下:
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)
}
}
})
{{index + 1}}. {{log}}
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)
}
}
})
讀到這里,這篇“小程序怎么實現分享頁面返回首頁跳轉”文章已經介紹完畢,想要掌握這篇文章的知識點還需要大家自己動手實踐使用過才能領會,如果想了解更多相關內容的文章,歡迎關注億速云行業資訊頻道。
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。