微信小程序开发-页面跳转的几种方式

最近在做微信小程序，碰到页面跳转的问题，总结一下页面之间跳转的方式
 

一、wx.navigateTo(OBJECT)

   这是最普遍的一种跳转方式，其官方解释为：“保留当前页面，跳转到应用内的某个页面”

类似于html中的 window.location.href=" "
可以附带参数

wx.navigateTo({
  url: 'testPage/index?id=1'
})

wx.navigateTo({
    url:'../test/test?id=1&page=4',  //跳转页面的路径，可带参数 ？隔开，不同参数用 & 分隔；相对路径，不需要.wxml后缀
    success:function(){}        //成功后的回调；
    fail：function(){}          //失败后的回调；
    complete：function(){}      //结束后的回调(成功，失败都会执行)
})

传递的参数在接收页面onLoad()函数中得到值：option.id就可以得到了
onLoad: function (option) {　　　　console.log(option)//可以打印一下option看查看参数
    this.setData({
        id:option.id,
    });

也可以通过方法  wx.navigateBack 返回原页面

二、wx.redirectTo(OBJECT)

关闭当前页面