欢迎来到258分享网,纯净的网络源码分享基地!

258资源分享网

全部作品
全部作品
网站源码
微信源码
素材特效
源码插件
视频教程
建站学院
热门搜索: 织梦  农业种植  农业  安全设置  官方
258资源分享 > 建站学院 > 微信开发 > 微信小程序空白页重定向---二维码扫描第二次进入 不经过onLoad过程解析scene参数

推荐下载

HTML5响应式自适应网咯设计

2020-05-12   浏览:740

高端HTML5响应式企业通用网

2020-05-06   浏览:521

html5响应式外贸网站英文版

2020-05-08   浏览:510

HTML5自适应律师工作室类网

2020-04-04   浏览:505

HTML5影视传媒文化公司类网

2020-05-12   浏览:502

微信小程序空白页重定向---二维码扫描第二次进入 不经过onLoad过程解析scene参数

发布时间:2020-11-17  

微信小程序 空白页重定向---二维码扫描第二次进入 不经过onLoad过程解析scene参数,跳转问题

 

 

 

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

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

微信小程序空白页重定向---二维码扫描第二次进入 不经过onLoad过程解析scene参数

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

  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; //扫码进入有此参数 if (scene) { //'scene=detail%2C1127' 分隔符, 测试时为 , 号;真机时为%2C 原因是url编码,但是使用decodeURI()解析不出来,所以走了兼容 let info_arr = []; if (scene.indexOf(",") != -1) { info_arr = scene.split(','); } if (scene.indexOf("%2C") != -1) { info_arr = scene.split('%2C'); } 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;所以此方法算是折中的选择了