微信小程序几种常用的跳转方式并传值

第一种：通过链接传值（跳转页面传值）

index.wxml

<view>{{ msg }}</view>
<button bindtap="clickgo" data-mes="{{msg}}">点击跳转</button>

clickMe: function (e) {//点击事件
    //这个地方就可以拿到点击时传过来的值
    console.log( e.target.dataset.mes);
    wx.navigateTo({
        url: '../1111?id=1'    //跳转并传值
    })
    this.setData({ msg: "Hello World" })
},

跳传页面接受值
onLoad: function (options) {
   console.log('query',options)
},

第二种：跳转到 tabBar 页面，并关闭其他所有非 tabBar 页面

//在   .js  文件加里面写
wx.switchTab({
  url: '/index'
})

第三种：关闭当前页面，返回上一页面或多级页面。

// 注意：调用 navigateTo 跳转时，调用该方法的页面会被加入堆栈，而 redirectTo 方法则不会。见下方示例代码

// 此处是A页面
wx.navigateTo({
  url: 'B?id=1'
})

// 此处是B页面
wx.navigateTo({
  url: 'C?id=1'
})

// 在C页面内 navigateBack，将返回A页面
wx.navigateBack({
  delta: 2
})

第四种：关闭当前页面，跳转到应用内的某个页面。但是不允许跳转到 tabbar 页面

wx.redirectTo({
  url: 'test?id=1'
})