当前位置: 主页 > 建站知识 > APP开发

小程序跳转页面-微信小程序跳转h5页面

发布时间:2023-03-20 22:19   浏览次数:次   作者:佚名

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

正文开始!!!

跳转方式一:跳转至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'
  })