微信小程序空白页重定向解决办法

微信小程序空白页重定向解决办法

　在刚开始的时候将小程序的入口文件直接指向tabbar 的首页，此时出现问题：二维码扫描，第一次不关闭首页，第二次进入时；不会经过onLoad过程解析scene参数；

官方中解释：tabbar跳转方式触发的生命周期是 onShow,不经过onLoad,下图：

此时，和小伙伴讨论重定向问题时，想到用类似的方法可以做到，就立马实行：

　　app.json中加pages/index/index(入口文件)，pages/home/home（tabbar页面主页），pages/detail/detail（详情页）;pages/exclusive/exclusive

在index.js中 onLoad处理：

/**
  * 生命周期函数--监听页面加载
  */
 onLoad: function (options) {
  // 入口文件 决定进入哪个页面
  console.log('入口文件,参数scene,值detail%2C1127')
  var scene = options.scene; //扫码进入有此参数
　　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；所以此方法算是折中的选择了

感谢阅读，希望能帮助到大家，谢谢大家对本站的支持！

# 微信小程序 # 空白页重定向 # 小程序 # 页面重定向问题 # 微信小程序 for 循环详解 # 微信小程序 input输入框控件详解及实例（多种示例） # 微信小程序实战小程序实例 # 微信小程序参数传递详解 # 微信小程序 wx.request(接口调用方式)详解及实例 # 微信小程序获取微信OpenId详解及实例代码 # 微信小程序实现列表刷新的实例详解 # 微信小程序数据访问实例详解 # 首页 # 重定向 # 走了 # 机时 # 周期函数 # 希望能 # 刚开始 # 跳转 # 谢谢大家 # 解决办法 # 可以做到 # 能到 # 中加 # 不适宜 # 小伙伴 # 不经过 # 选择了 # 加载 # 详情页 # 分隔符

返回目录在线咨询

上一篇：Golang错误处理如何与日志结合_Golang error日志记录模式
下一篇：Golang new与make在创建数据结构时有何区别_Golang new make使用场景与差异说明

您的项目需求

*请认真填写需求信息，我们会在24小时内与您取得联系。

全网整合营销服务商

微信小程序 空白页重定向解决办法

您的项目需求

微信小程序空白页重定向解决办法