小程序学习篇之wx.navigateTo和wx.redirectTo 都无效(跳转遇到的坑)

在学习小程序的过程中,在demo中要实现功能:

在页面点击个人中心tabbar的时候,判断用户是否有登录的信息,没有则判断使用wx.redirectTo跳转到登录页面,是可以成功的。

 

然后,在登录页面,点击进行登录的时候,再次使用wx.redirectTo跳转会页面是没有效果的。本帅特意分析的页面跳转中,通常存在的几个问题,逐一分析了有以下几个原因:

①、首先检查页面是否在app.json中注册,不注册是找不到页面。

②、注意文件夹的层级关系,注意相对路径是否正确。

③、查看一次性跳转页面的层级数量是否超过5层(是,选择wx.redirectTo)。

④、查看要跳转的页面是不是tabBar页面(是,选择 wx.switchTab

在来看页面控制台打印的结果:登录按钮已经触发了事件,但是没有跳转页面。并且分析得知跳转的页面是tabBar 页面

因此,使用wx.switchTab跳转页面,问题得以解决。来看运行结果:

 

 

 

  • 8
    点赞
  • 7
    收藏
    觉得还不错? 一键收藏
  • 3
    评论
wx.navigateTowx.redirectTo是微信小程序中用于页面跳转的两个方法,它们的区别在于跳转后是否允许返回原页面。 wx.navigateTo用于保留当前页面,跳转到应用内的某个页面,可以跳转到任意页面,包括tabbar页面。跳转后,原页面仍然存在于页面栈中,可以通过调用wx.navigateBack返回原页面。这种方式适用于页面较多的小程序,可以提高加载速度。 wx.redirectTo用于关闭当前页面,跳转到应用内的某个页面,但不允许跳转到tabbar页面。跳转后,原页面会被销毁,无法通过返回按钮或wx.navigateBack返回原页面。这种方式适用于不需要返回原页面的场景。 综上所述,wx.navigateTowx.redirectTo的主要区别在于跳转后是否允许返回原页面。如果需要返回原页面,可以使用wx.navigateTo;如果不需要返回原页面,可以使用wx.redirectTo。 #### 引用[.reference_title] - *1* *2* [wx.navigateTo()与wx.switchTab、wx.redirectTo()的区别](https://blog.csdn.net/qq_41988669/article/details/126968459)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item] - *3* [微信小程序中的wx.navigateTowx.redirectTo,wx.reLaunch区别](https://edu.csdn.net/skill/mini_programs/mini_programs-06894114340c4f57beb9f46d9f6edf50)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item] [ .reference_list ]
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值