這篇文章主要介紹了微信小程序之返回首頁的方法,具有一定借鑒價值,需要的朋友可以參考下。希望大家閱讀完這篇文章后大有收獲。下面讓小編帶著大家一起了解一下。
創(chuàng)新互聯公司是專業(yè)的圖們網站建設公司,圖們接單;提供做網站、網站制作,網頁設計,網站設計,建網站,PHP網站建設等專業(yè)做網站服務;采用PHP框架,可快速的進行圖們網站開發(fā)網頁制作和功能擴展;專業(yè)做搜索引擎喜愛的網站,專業(yè)的做網站團隊,希望更多企業(yè)前來合作!
做小程序開發(fā)發(fā)現,頁面分享出去后,用戶通過分享進去的頁面很難找到返首頁的情況。(微信官方操作是點擊右上角三個點,在手機下方顯示返回首頁)。民間很多方案是自己在頁面加個懸浮Home標注。
今天我分享另外一種方法。請看下面.gif;
有沒有發(fā)現,左上角有返回按鈕了。原理簡單,在你要分享的頁面,分享配置時配置你的首頁,并帶上對應的參數,在首頁 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) } } }) 我是首頁 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}}
感謝你能夠認真閱讀完這篇文章,希望小編分享微信小程序之返回首頁的方法內容對大家有幫助,同時也希望大家多多支持創(chuàng)新互聯,關注創(chuàng)新互聯行業(yè)資訊頻道,遇到問題就找創(chuàng)新互聯,詳細的解決方法等著你來學習!