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

  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"

                        })

---------------------

你可能感兴趣的:(微信小程序的跳转navigateTo()和redirectTo()用法和区别)