微信小程序如何解決空白頁重定向

這篇文章主要為大家展示了“微信小程序如何解決空白頁重定向”，內(nèi)容簡而易懂，條理清晰，希望能夠幫助大家解決疑惑，下面讓小編帶領(lǐng)大家一起研究并學(xué)習(xí)一下“微信小程序如何解決空白頁重定向”這篇文章吧。

微信小程序 空白頁重定向解決辦法

　在剛開始的時候?qū)⑿〕绦虻娜肟谖募苯又赶騮abbar 的首頁，此時出現(xiàn)問題：二維碼掃描，第一次不關(guān)閉首頁，第二次進(jì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) {
  // 入口文件 決定進(jìn)入哪個頁面
  console.log('入口文件,參數(shù)scene,值detail%2C1127')
  var scene = options.scene; //掃碼進(jìn)入有此參數(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；所以此方法算是折中的選擇了

以上是“微信小程序如何解決空白頁重定向”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對大家有所幫助，如果還想學(xué)習(xí)更多知識，歡迎關(guān)注億速云行業(yè)資訊頻道！