微信小程序开发第六篇页面跳转-微信小程序开发页面-小程序界面开发-即速应用

微信小程序开发第六篇页面跳转-微信小程序开发页面-小程序界面开发

浏览量：1808 时间：2020-04-06 来源：爱吃排骨

1.
微信小程序提供了三种跳转页面的方式分别是
2.
1.wx.redirectTo()
3.
此方法跳转页面会关闭当前页面并触发页面生命周期onUnload函数卸载页面，跳转后的页面无法返回到上一级页面。
wx.redirectTo({url:'../login/login',})4.
2.wx.navigateTo()
5.
此方法跳转页面会触发页面生命周期onHide函数隐藏页面，跳转后可以通过左上角点击返回上一级页面
wx.navigateTo({url:'../login/login',})6.
3.wx.switchTab()
7.
在app.json页面中若配置了tabBar,并且要跳转的目标页面也在tabBar中时，那么常用的几种页面跳转方式便失效了,即不能跳转到tabBar中定义的页面。
8.
例如。我在app.json页面配置了tabBar
9.
当我在user.js中使用了wx.redirectTo()方法跳转
10.
在点击登录时，如果使用wx.redirectTo()方法在跳转回去是不行的，因为user.wxml页面已经被卸载了，wx.navigate()方法也不适用此场景，这时候就需要使用wx.switchTab()方法进行跳转。
11.
这样就跳转回来了