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