微信小程序 空白頁重定向解決辦法
微信小程序 空白頁重定向解決辦法
在剛開始的時(shí)候?qū)⑿〕绦虻娜肟谖募苯又赶騮abbar 的首頁，此時(shí)出現(xiàn)問題：二維碼掃描，第一次不關(guān)閉首頁，第二次進(jìn)入時(shí)；不會(huì)經(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' 分隔符, 測(cè)試時(shí)為 , 號(hào)；真機(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頁面有大量的請(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)資料,希望通過本文能幫助到大家，需要的朋友可以參考下2017-09-09
這篇文章主要來帶大家探索JavaScript的未來，關(guān)于模式匹配的引入為編程體驗(yàn)帶來革命性變化分析，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2023-10-10
這篇文章主要為大家介紹了js作用域及作用域鏈工作引擎，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2022-07-07
這篇文章主要為大家介紹了lodash里的toLength和toPairs方法詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2022-08-08
這篇文章主要介紹了前端JavaScript中的class,類是用于創(chuàng)建對(duì)象的模板，JavaScript中的Class更多的還是語法糖，本質(zhì)上繞不開原型鏈，下面就來看看關(guān)于JavaScript class類的詳細(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)頁調(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