前往小程序,Get更优阅读体验!
立即前往
发布
社区首页 >专栏 >小程序跳转页面的3种方式总结

小程序跳转页面的3种方式总结

原创
作者头像
红色扛把子
修改2019-07-31 11:11:10
修改2019-07-31 11:11:10
3.7K00
代码可运行
举报
文章被收录于专栏:黑客秘密黑客秘密
运行总次数:0
代码可运行

一、跳转到 tabBar 页面

wx.switchTab()方法用来跳转至tabBar页面,并关闭其他所有非 tabBar 页面,示例代码如下:

代码语言:javascript
代码运行次数:0
复制
wx.switchTab({
  url: '/index'
})

二、跳转到其他页面(非tabBar页)

小程序中跳转至其他页面有三种方法,这三种方法分别是是wx.redirectTo()、wx.navigateTo()以及wx.reLaunch(),他们的区别是redirectTo方法会关闭当前页面,navigateTo方法并不会关闭当前页面,而reLaunch方法会关闭所有页面。需要注意的是,这两种方法都不可以跳转至tabBar页面。方法示例如下:

//redirectTo方法

代码语言:javascript
代码运行次数:0
复制
wx.redirectTo({
  url: '/page'//页面路径
})

//navigateTo方法

代码语言:javascript
代码运行次数:0
复制
wx.navigateTo({
  url: '/page'//页面路径
})

//reLaunch方法

代码语言:javascript
代码运行次数:0
复制
wx.reLaunch({
  url: '/page'//页面路径
})

三、返回上一页面或返回多级页面

wx.navigateBack()方法用来返回上一页面或多级页面,并关闭当前页面。示例代码如下:

//navigateBack方法

代码语言:javascript
代码运行次数:0
复制
wx.navigateBack({
  delta: 2 //返回的页面数,1为返回上一页,如果delta大于现有页面数,则返回到首页。
})

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档