微信小程序页面跳转的几种方法

最新推荐文章于 2024-06-28 10:31:26 发布

牛大der

最新推荐文章于 2024-06-28 10:31:26 发布

阅读量823

点赞数 1

分类专栏：微信小程序文章标签：小程序

本文链接：https://blog.csdn.net/m0_47759438/article/details/112362261

版权

本文详细介绍了微信小程序中页面跳转的五种方法：wx.navigateTo()、wx.redirectTo()、wx.switchTab()、wx.navigateBack()和wx.reLaunch()，包括它们的参数和应用场景。wx.navigateTo()用于保留当前页面跳转，wx.redirectTo()关闭当前页跳转，wx.switchTab()跳转到tabBar页面，wx.navigateBack()返回上一页面，wx.reLaunch()则会关闭所有页面打开新页面。

摘要由CSDN通过智能技术生成

wx.navigateTo()

保留当前页面，跳转到应用内的某个页面。不能跳转到tabBar页面，使用 wx.navigateBack 可以返回到原页面

参数：

url：需要跳转的路径，路径后可以携带参数。参数与路径之间使用 ? 隔开。不同参数用 & 隔开。
```
wx.navigateTo({
     
	url:'pages/index/ingdex?id=2&cid=3'
})
```
events：页面间通信接口，用于监听被打开发送到当前页面的数据。
success：接口调用成功的回调函数。
fail：接口调用失败的回调函数。
compalete：接口调用结束的回调函数（成功失败都会执行）。

object.success回调函数的参数

eventChannel：和被打开的页面进行通信。

//homePage页面
 jump(){
   
    wx.navigateTo({
   
      url: '../mine/mine?id=2',
      events:{
   
        //为指定事件添加一个监听器，获取被打开页面
        acceptDataFromOpenedPage: function(data) {
   
          console