分享微信小程序中空白页重定向问题的解决方案

本文主要介绍微信小程序空白页重定向解决方案的相关信息。有需要的朋友可以参考一下。

微信小程序空白页重定向解决方案

一开始就把小程序的入口文件直接指向tabbar的首页。这时候就有问题了:二维码扫描，第一次不关闭首页，第二次进入；场景参数不会通过onLoad过程解析；

官方解释:tabbar跳转模式触发的生命周期是onShow，没有onLoad，如下图:

此时，在和朋友讨论重定向问题时，认为可以用类似的方法，立即实施:

在app.json中添加pages/index/index(入口文件)、pages/home/home(tabbar页面主页)和pages/detail/detail(详细页面)；页数/独家/独家

index.js中的OnLoad处理:

/* * *生命周期函数--监听页面加载*/ onLoad: function (options) {//入口文件决定哪个页面console . log(& # 039；导入文件，参数场景，值明细% 2C1127 & # 039)var scene = options.scene//扫码进入带此参数var sence = DECODEURIComponent(options . scene)；if(场景){//& # 039；场景=细节% 2C1127 & # 039分离器，当测试时；实时是%2C因为url是编码的，但是不能用decodeURI()解析，所以兼容let info _ arr =[]；info _ arr = scene . split(& # 039；,');//console . log(info _ arr)let _ type = info _ arr[0]；let id = info _ arr[1]；if(_ type = = & # 039；细节& # 039；){ wx . redirect to({ URL:` 0../细节/细节？id=${id} `，})} else if(_ type = = & # 039；独家& # 039；){ wx . redirect to({ URL:` 0../独家/独家？id=${id} `，})} } else { wx . switch tab({ URL:& # 039；../home/home & # 039；，}}}}，此时，完美的解决方案来自扫码& # 8211；& gt首页& # 8211；& gt细节；再次扫码& # 8211；& gt无法回家& # 8211；& gt细节问题；

此时扫码& # 8211；& gtindex(redirecto)& # 8211；& gt细节；再次扫码& # 8211；& gtindex(redirecto)& # 8211；& gt细节问题；浏览主页

因为主页上有大量的请求，所以使用redirectTo是不合适的；；所以这个方法是一个折中的选择。

VIP推荐:22门课程，总价3725元。VIP会员免费。