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

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

正文开始!!!

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

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

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

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

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

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

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

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

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

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

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

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

跳转方式五:返回上一页

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

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

猜你喜欢

转载自blog.csdn.net/sdqmrj/article/details/126455295
今日推荐