微信小程序 空白页重定向解决办法
更新时间：2017年06月27日 14:40:39 投稿：lqh
这篇文章主要介绍了微信小程序 空白页重定向解决办法的相关资料,需要的朋友可以参考下
微信小程序 空白页重定向解决办法
在刚开始的时候将小程序的入口文件直接指向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；所以此方法算是折中的选择了
感谢阅读，希望能帮助到大家，谢谢大家对本站的支持！
相关文章
这篇文章主要介绍了微信小程序 基础组件与导航组件详细介绍的相关资料,需要的朋友可以参考下2017-02-02
这篇文章主要介绍了微信小程序 数据绑定的简单实例的相关资料,希望通过本文能帮助到大家，需要的朋友可以参考下2017-09-09
这篇文章主要来带大家探索JavaScript的未来，关于模式匹配的引入为编程体验带来革命性变化分析，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2023-10-10
这篇文章主要为大家介绍了js作用域及作用域链工作引擎，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2022-07-07
这篇文章主要为大家介绍了lodash里的toLength和toPairs方法详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2022-08-08
这篇文章主要介绍了前端JavaScript中的class,类是用于创建对象的模板，JavaScript中的Class更多的还是语法糖，本质上绕不开原型链，下面就来看看关于JavaScript class类的详细内容吧2021-10-10
这篇文章主要为大家介绍了前端算法leetcode49-字母异位词分组解题示例，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2022-09-09
9种使用Chrome Firefox 自带调试工具调试javascript技巧
这篇文章主要介绍了9种使用Chrome Firefox 自带网页调试工具调试javascript技巧2017-12-12
这篇文章主要介绍了微信小程序 MINA文件结构的相关资料,这里详细介绍了微信小程序的文件目录及文件作用，需要的朋友可以参考下2016-10-10
这篇文章主要为大家介绍了Dragonfly P2P 传输协议优化代码解析，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2022-11-11
最新评论