当前位置:首页 > 日记 > 正文

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

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

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

 在刚开始的时候将小程序的入口文件直接指向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;所以此方法算是折中的选择了

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

相关文章

excel表格自定义公式的教程excel表

excel表格自定义公式的教程excel表

自定义,教程,公式,表格,电脑软件,  Excel中经常需要自定义公式进行计算,公式具体该如何自定义公式呢?下面是小编带来的关于excel表格自定义公式的教程,希望阅读过后对你有所启发!excel表格自定义公式教程自定义公式步骤1:点击“工具&rd…

ps如何修改文字的颜色

ps如何修改文字的颜色

修改,文字,方法,颜色,电脑软件,  文字的颜色可以随意修改,只要大家觉得文字颜色合适。那么大家知道ps如何修改文字的颜色吗?下面是小编整理的ps如何修改文字的颜色的方法,希望能帮到大家!ps修改文字的颜色的方法选中文字图层,单击鼠标右键,选…

bootstrap表格内容过长时用省略号

bootstrap表格内容过长时用省略号

解决方法,省略号,时用,表格,内容,首先 ,bootstrap中当td内容超过我给的固定宽度时,省略号代替的代码如下:<table class="table table-bordered"> <thead> <tr> <th class="center" style='width:38%;'>商品名称</th> …

cdr怎么导出透明背景的?

cdr怎么导出透明背景的?

透明背景,电脑软件,cdr,cdr中想要制作透明背景的图片,该怎么制作呢?下面我们就来看看详细的制作方法。软件名称:CorelDRAW X8 64位 简体中文安装免费版(附序列号)软件大小:547.9MB更新时间:2016-11-231、打开要导出透明图片的文件。如果背景不是…

2010版ppt怎么嵌入特殊字体

2010版ppt怎么嵌入特殊字体

字体,方法,电脑软件,ppt,  之前说了如何嵌入特殊字体以方便在没有该字体的电脑上显示完整的ppt样式,那么问题来了,有的情况会提示无法嵌入字体,要怎么解决呢?其实小编有方法解决,下面给大家分享ppt2010嵌入特殊字体的方法,不懂的朋友会请多多…

echarts学习笔记之箱线图的分析与

echarts学习笔记之箱线图的分析与

绘制,线图,详解,学习笔记,电脑软件,一、箱线图 Box-plot箱线图(Boxplot)也称箱须图(Box-whisker Plot),它是用一组数据中的最小值、第一四分位数、中位数、第三四分位数和最大值来反映数据分布的中心位置和散布范围,可以粗略地看出数据是否具有对…

js调用刷新界面的几种方式

js调用刷新界面的几种方式

刷新,调用,界面,几种,方式,有的时候需要手动调用来刷新界面,比如非动态切换的语言模式啊,风格样式啊什么的。<!DOCTYPE html><html> <head> <meta charset='utf-8'> </head> <body> <button onclick="click1()">location.reload();</but…

JS获取一个表单字段中多条数据并转

JS获取一个表单字段中多条数据并转

表单,字段,数据,多条,格式,如图需要获取下面两个li标签里面的数据,然后传给后台;而后台接收的数据格式是json的,所以需要把两个li里面的信息转化为以下格式的。{recieverName:小红,recieverPhone:12341234,recieverAddress:中国湖南},{recieve…

经典令人心痛伤感个性签名集锦

经典令人心痛伤感个性签名集锦

心痛,个性签名,经典,伤感,集锦,  有些人的经历多了,看到很多心痛伤感的事情,用一些文字表达内心的心痛伤感的情绪,以下是小编为大家收集整理的《经典令人心痛伤感个性签名》全部内容,如果您喜欢小编的推荐,请继续关注。经典令人心痛伤感个性签…

vue引入jq插件的实例讲解

vue引入jq插件的实例讲解

插件,实例,电脑软件,vue,jq,今天做官网,把unslider做成指令,但是一直提示$(el).unslider() no a function,一开始我想复杂了,后来在网上看了很多帖子,大多数都是修改webpack.base.config.js,仔细尝试,网上确实是对的,尝试过程中,提醒大家最好把这3个…

怎么设置ppt2013不自行压缩设置ppt

怎么设置ppt2013不自行压缩设置ppt

压缩,设置,方法,电脑软件,  PPT制作是信息时代下的产物,是当前办公室普遍应用的一种软件,不管用于教学还是企业展示,Powerpoint软件都具有较好的展示功能,能够形象生动的表达意愿和目的。在PowerPoint2013里面默认的设置是讲图像进行压缩…

微信小程序教程系列之设置标题栏和

微信小程序教程系列之设置标题栏和

标题栏,设置,教程,导航栏,程序,微信小程序标题栏和导航栏的设置方法,具体内容如下设置标题栏标题栏window在app.json文件里面,通过window对象里面的属性进行设置示例:app.json:运行:设置导航栏导航栏TabBar如果我们的小程序是一个多 tab 应用(客…