当前位置:   article > 正文

踩坑日记之微信小程序常用的几种页面跳转方式及其特点_微信小程序跳转关闭其他页面

微信小程序跳转关闭其他页面

在我们日常的微信小程序开发中,页面跳转是几乎每天都要用到的,笔者初学时也是屡屡记不清楚,常常需要测试才能知晓每种跳转方式的特点(脑子不好使,没办法,有几种不常用的跳转方式每次都要测试一下效果),这一次也是遇到了这种情况,所以笔者决定以踩坑日记的形式记录以下平时写小程序常用的代码,方便以后查询。(写文章文采不好,有些拖沓,各位大佬莫怪)

正文开始!!!

跳转方式一:跳转至tabBar页面,并关闭其他所有非 tabBar 页面

此代码经常用于发布信息后跳转回展示信息流的主页,要注意,如果你要跳转的页面不是tabBar页面,跳转是不生效的(相对来所算是常用但是使用面不广的页面跳转方式)

  1. wx.switchTab({
  2. url: '/pages/index/index'
  3. })

跳转方式二:跳转至其他页面(非tabBar页面)

此方法会关闭当前页面跳转预期页面,常用于一些非tabBar页面且不需要返回的页面跳转

  1. wx.redirectTo({
  2. url: '../index/index'
  3. })

跳转方式三:此方法不会关闭当前页面,且页面最多层叠10层(非tabBar页面)

此方法经常用作跳转其他页面但是需要返回的场景

  1. wx.navigateTo({
  2. url: '../index/index'
  3. })

跳转方式四:此方法会卸载所有页面

此方法会关闭之前所有页面,左上角会显示一个主页按钮

  1. wx.reLaunch({
  2. url: '../my/my'
  3. })

跳转方式五:返回上一页

此方法不常用,特殊情况下可用作返回

  1. wx.navigateBack({
  2. delta: 1 //返回的页面数,1为返回上一页,如果大于现有页面数,则返回到首页。
  3. })

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/凡人多烦事01/article/detail/94058
推荐阅读
相关标签
  

闽ICP备14008679号