微信小程序navigator多次点击后无效

刚学微信小程序,使用到navigator组件实现跳转出现了一个问题就是我点击我设置的button然后用navigator嵌套进去,开始每点击一次button就可以跳转到相应的界面,重复操作四次的时候,怎么点击都没反应了,纠结了好久,初学者不懂。

开始以为是缓存原因,不过我就输入了很少的内容,缓存虽然只有10M,也不可能满,返回前一个页面时,发现刚才的操作数据已经生效了,只是页面没有跳转回去,网上搜了解决方案

【代码】

<navigator url="../index/index" open-type="navigator">
  {{item.id}}
  <text class="the-text">{{crtTime}}</text>
  <button class="the-btnSave" bindtap="btnSave">保存</button>
  <button class="the-btnDel" bindtap="btnDel">删除</button>
</navigator>

修改为:

<navigator url="../index/index" open-type="redirect">
  {{item.id}}
  <text class="the-text">{{crtTime}}</text>
  <button class="the-btnSave" bindtap="btnSave">保存</button>
  <button class="the-btnDel" bindtap="btnDel">删除</button>
</navigator>

navigator跳转分为两个状态一种是关闭当前页面一种是不关闭当前页面。用redirect属性指定。

>通过这个属性我可以大概猜测我当时点击4次之后无法跳转可能是我点击过多之前的页面并没有关闭导致系统无法执行当前跳转,所以我使用redirect关闭当前界面实现跳转便可以达到目的。

【内容补充】

navigator的open-type属性 可选值 'navigate'、'redirect'、'switchTab',对应于wx.navigateTo、wx.redirectTo、wx.switchTab的功能

open-type="navigate"等价于API的 wx.navigateTo 而wx.navigateTo的url是需要跳转的应用内非 tabBar 的页面的路径

open-type="redirect"等价于API的 wx.redirectTo 而wx.redirectTo的url是需要跳转的应用内非 tabBar 的页面的路径

open-type="switchTab"等价于API的 wx.switchTab而wx.switchTab的url是需要跳转到 tabBar 页面,并关闭其他所有非 tabBar 页面

最后一个switchTab事件触发以后 把前面的页面都关闭了

虽然解决了,原理还是不太懂,上面解释来源于:

https://blog.csdn.net/wyf2017/article/details/83795085

  • 2
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 2
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值