3.微信小程序页面跳转

2020-03-09  本文已影响0人  指尖架构141319

1.tabBar跳转

wx.switchTab({
    url: ''
});

只能用于tabBar页面

2.非tabBar页面跳转

//保留当前页面,跳转到应用内的某个页面
wx.navigateTo({
    url: ''
});
//关闭当前页面,跳转到另外一个页面
wx.redirectTo({
    url: ''
});

3.带参数跳转

A页面传参:

   wx.navigateTo({
        url: '/pages/register/register?id=' + this.data.coachId,
      })

B页面中onLoad()函数用过option.type接受参数

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    this.setData({
      "id": options.id
    })
  }

4.返回值

// A页面
wx.navigateTo({
  url: 'B?id=1'
})
 
// B页面
wx.navigateTo({
  url: 'C?id=1'
})
 
// 在C页面内 navigateBack,将返回A页面
wx.navigateBack({
  delta: 2
})
上一篇 下一篇

猜你喜欢

热点阅读