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

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

浏览量:1779 时间: 来源:爱吃排骨
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.

这样就跳转回来了

版权声明

即速应用倡导尊重与保护知识产权。如发现本站文章存在版权问题,烦请提供版权疑问、身份证明、版权证明、联系方式等发邮件至197452366@qq.com ,我们将及时处理。本站文章仅作分享交流用途,作者观点不等同于即速应用观点。用户与作者的任何交易与本站无关,请知悉。

产品经理

手机 : 13312967497

擅长 : 小程序流量变现

扫码领取礼包

最新资讯

热门模板

  • 头条
  • 搜狐
  • 微博
  • 百家
  • 一点资讯
  • 知乎