最新消息:文章中包含代码时,请遵守代码高亮规范!

微信小程序跳转页面的常用几种方法总结【原创】

微信 ada 296浏览 0评论

最近在做微信小程序页面,在使用跳转链接的时候发现跳转失败,很茫然啊,我跑去查看官方文档

小程序跳转页面有一些常用几种方式:

  • navigateTo:保留当前页面,跳转应用内其他页面(页面入栈),跳转后的页面左上角带有小箭头
  • redirectTo:删除当前页面,跳转应用内其他页面(页面出栈),跳转后的页面左上角没有有小箭头
  • switchTab:跳转到 tabBar 页面,并关闭其他所有非 tabBar 页面,跳转应用内其他页面(页面出栈),跳转后的页面左上角没有有小箭头
  • navigateBack:删除当前页面,跳转之前页面,
  • reLaunch:关闭所有页面,跳转应用内其他页面

 

但是有个细节要注意到:wx.navigateTo 和 wx.redirectTo 不允许跳转到 tabbar 页面,只能用 wx.switchTab 跳转到 tabbar 页面

文章开头提到的页面跳转失败的原因就是使用wx.redirectTo跳转到tabbar页面,改为wx.switchTab即可正常跳转了

 

什么是tabbar页面呢?微信小程序是自带tab栏目(tab是客户端窗口的底部或顶部有 tab 栏可以切换页面,即我们通常所说的导航栏),所有在跳转tabbar页面时,需要使用wx.switchTab

转载时请注明出处及相应链接,本文永久地址:https://blog.yayuanzi.com/24490.html


pay_weixin
pay_weixin
微信打赏
pay_weixin
支付宝打赏
感谢您对作者ada的打赏,我们会更加努力!    如果您想成为作者,请点我

您必须 登录 才能发表评论!