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

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

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

• 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