微信小程序 空白頁(yè)重定向解決辦法
微信小程序 空白頁(yè)重定向解決辦法
在剛開(kāi)始的時(shí)候?qū)⑿〕绦虻娜肟谖募苯又赶騮abbar 的首頁(yè)，此時(shí)出現(xiàn)問(wèn)題：二維碼掃描，第一次不關(guān)閉首頁(yè)，第二次進(jìn)入時(shí)；不會(huì)經(jīng)過(guò)onLoad過(guò)程解析scene參數(shù)；
官方中解釋?zhuān)簍abbar跳轉(zhuǎn)方式觸發(fā)的生命周期是 onShow,不經(jīng)過(guò)onLoad,下圖：
此時(shí)，和小伙伴討論重定向問(wèn)題時(shí)，想到用類(lèi)似的方法可以做到，就立馬實(shí)行：
app.json中加pages/index/index(入口文件)，pages/home/home（tabbar頁(yè)面主頁(yè)），pages/detail/detail（詳情頁(yè)）;pages/exclusive/exclusive
在index.js中 onLoad處理：
/**
* 生命周期函數(shù)--監(jiān)聽(tīng)頁(yè)面加載
*/
onLoad: function (options) {
// 入口文件 決定進(jìn)入哪個(gè)頁(yè)面
console.log('入口文件,參數(shù)scene,值detail%2C1127')
var scene = options.scene; //掃碼進(jìn)入有此參數(shù)
var scene = decodeURIComponent(options.scene);
if (scene) {
//'scene=detail%2C1127' 分隔符, 測(cè)試時(shí)為 , 號(hào)；真機(jī)時(shí)為%2C 原因是url編碼，但是使用decodeURI()解析不出來(lái)，所以走了兼容
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的問(wèn)題；
此時(shí) 掃碼-->index（redirectTo）-->detail;再次掃碼-->index（redirectTo）-->detail的問(wèn)題；越過(guò)home頁(yè)面
由于home頁(yè)面有大量的請(qǐng)求，不適宜用redirectTo；所以此方法算是折中的選擇了
感謝閱讀，希望能幫助到大家，謝謝大家對(duì)本站的支持！
相關(guān)文章
微信小程序 基礎(chǔ)組件與導(dǎo)航組件詳細(xì)介紹
這篇文章主要介紹了微信小程序 基礎(chǔ)組件與導(dǎo)航組件詳細(xì)介紹的相關(guān)資料,需要的朋友可以參考下2017-02-02
微信小程序 數(shù)據(jù)綁定及運(yùn)算的簡(jiǎn)單實(shí)例
這篇文章主要介紹了微信小程序 數(shù)據(jù)綁定的簡(jiǎn)單實(shí)例的相關(guān)資料,希望通過(guò)本文能幫助到大家，需要的朋友可以參考下2017-09-09
這篇文章主要來(lái)帶大家探索JavaScript的未來(lái)，關(guān)于模式匹配的引入為編程體驗(yàn)帶來(lái)革命性變化分析，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2023-10-10
這篇文章主要為大家介紹了js作用域及作用域鏈工作引擎，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2022-07-07
這篇文章主要為大家介紹了lodash里的toLength和toPairs方法詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2022-08-08
這篇文章主要介紹了前端JavaScript中的class,類(lèi)是用于創(chuàng)建對(duì)象的模板，JavaScript中的Class更多的還是語(yǔ)法糖，本質(zhì)上繞不開(kāi)原型鏈，下面就來(lái)看看關(guān)于JavaScript class類(lèi)的詳細(xì)內(nèi)容吧2021-10-10
這篇文章主要為大家介紹了前端算法leetcode49-字母異位詞分組解題示例，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2022-09-09
9種使用Chrome Firefox 自帶調(diào)試工具調(diào)試javascript技巧
這篇文章主要介紹了9種使用Chrome Firefox 自帶網(wǎng)頁(yè)調(diào)試工具調(diào)試javascript技巧2017-12-12
這篇文章主要介紹了微信小程序 MINA文件結(jié)構(gòu)的相關(guān)資料,這里詳細(xì)介紹了微信小程序的文件目錄及文件作用，需要的朋友可以參考下2016-10-10
Dragonfly P2P 傳輸協(xié)議優(yōu)化代碼解析
這篇文章主要為大家介紹了Dragonfly P2P 傳輸協(xié)議優(yōu)化代碼解析，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2022-11-11