微信小程序如何解決空白頁重定向
這篇文章主要為大家展示了“微信小程序如何解決空白頁重定向”,內(nèi)容簡而易懂,條理清晰,希望能夠幫助大家解決疑惑,下面讓小編帶領(lǐng)大家一起研究并學(xué)習(xí)一下“微信小程序如何解決空白頁重定向”這篇文章吧。
讓客戶滿意是我們工作的目標(biāo),不斷超越客戶的期望值來自于我們對這個(gè)行業(yè)的熱愛。我們立志把好的技術(shù)通過有效、簡單的方式提供給客戶,將通過不懈努力成為客戶在信息化領(lǐng)域值得信任、有價(jià)值的長期合作伙伴,公司提供的服務(wù)項(xiàng)目有:主機(jī)域名、網(wǎng)站空間、營銷軟件、網(wǎng)站建設(shè)、黃巖網(wǎng)站維護(hù)、網(wǎng)站推廣。
微信小程序 空白頁重定向解決辦法
在剛開始的時(shí)候?qū)⑿〕绦虻娜肟谖募苯又赶騮abbar 的首頁,此時(shí)出現(xiàn)問題:二維碼掃描,第一次不關(guān)閉首頁,第二次進(jìn)入時(shí);不會經(jīng)過onLoad過程解析scene參數(shù);
官方中解釋:tabbar跳轉(zhuǎn)方式觸發(fā)的生命周期是 onShow,不經(jīng)過onLoad,下圖:
此時(shí),和小伙伴討論重定向問題時(shí),想到用類似的方法可以做到,就立馬實(shí)行:
app.json中加pages/index/index(入口文件),pages/home/home(tabbar頁面主頁),pages/detail/detail(詳情頁);pages/exclusive/exclusive
在index.js中 onLoad處理:
/** * 生命周期函數(shù)--監(jiān)聽頁面加載 */ onLoad: function (options) { // 入口文件 決定進(jìn)入哪個(gè)頁面 console.log('入口文件,參數(shù)scene,值detail%2C1127') var scene = options.scene; //掃碼進(jìn)入有此參數(shù) var scene = decodeURIComponent(options.scene); if (scene) { //'scene=detail%2C1127' 分隔符, 測試時(shí)為 , 號;真機(jī)時(shí)為%2C 原因是url編碼,但是使用decodeURI()解析不出來,所以走了兼容 let info_arr = []; info_arr = scene.split(','); //console.log(info_arr) let _type = info_arr[0]; let id = info_arr[1]; if (_type == 'detail') { wx.redirectTo({ url: `../detail/detail?id=${id}`, }) } else if (_type == 'exclusive') { wx.redirectTo({ url: `../exclusive/exclusive?id=${id}`, }) } }else{ wx.switchTab({ url: '../home/home', }) } },
此時(shí),完美解決 從 掃碼-->home-->detail;再次掃碼-->home 不能到-->detail的問題;
此時(shí) 掃碼-->index(redirectTo)-->detail;再次掃碼-->index(redirectTo)-->detail的問題;越過home頁面
由于home頁面有大量的請求,不適宜用redirectTo;所以此方法算是折中的選擇了
以上是“微信小程序如何解決空白頁重定向”這篇文章的所有內(nèi)容,感謝各位的閱讀!相信大家都有了一定的了解,希望分享的內(nèi)容對大家有所幫助,如果還想學(xué)習(xí)更多知識,歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道!
網(wǎng)頁題目:微信小程序如何解決空白頁重定向
網(wǎng)頁鏈接:http://www.xueling.net.cn/article/gshpoi.html