微信小程序的跳转navigateTo()和redirectTo()和switchTab()用法和区别

wx.navigateTo({}) ，保留当前页面，跳转到应用内的某个页面。
使用 wx.navigateBack 可以返回，有时候我们跳转还需要携带参数

跳转到Deposit文件夹的Deposit页面

wx.navigateTo({
  url: '/pages/Deposit/Deposit?merchantId=' + this.data.coach.coachId,
})

取值的方式

传递的参数在接收页面onLoad()函数用过option.type就可以取到

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

OBJECT 参数说明：
参数类型默认值说明
delta Number 1 返回的页面数，如果 delta 大于现有页面数，则返回到首页。

示例代码：

// 注意：调用 navigateTo 跳转时，调用该方法的页面会被加入堆栈，而 redirectTo 方法则不会。见下方示例代码
 
// 此处是A页面
wx.navigateTo({
  url: 'B?id=1'
})
 
// 此处是B页面
wx.navigateTo({
  url: 'C?id=1'
})
 
// 在C页面内 navigateBack，将返回A页面
wx.navigateBack({
  delta: 2
})

wx.redirectTo关闭当前页面,跳转到另外一个页面

wx.redirectTo({
      url:"../Index/Index"
})

切换到首页tabbar对应的文件，必须使用

wx.switchTab({
    url:'pages/home/index/index'
})

而使用wx.navigateTo或者wx.redirectTo是不会跳转到tabbar对应的相关页面的

频道导航

微信小程序的跳转navigateTo()和redirectTo()和switchTab()用法和区别

您可能感兴趣的文章: