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

阿里云双12感恩回馈，云产品冰点价】云服务器89元/年，这里有专享低价

[链接] https://www.aliyun.com/minisite/goods?userCode=kki5ownb

  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"
                        })