小程序： 页面跳转方式

一. 页面的跳转方式

1.  使用组件  <navigator>  -- 类似于 a标签  

     示例：   <navigator  url='../index/index'> 跳转到首页 </navigator>

2.  wx.switchTab ，跳转到 tabBar 的某个页面

    示例： wx.switchTab({

                        url： '../index/index'       // 注意switchTab只能跳转到带有tab的页面， 不能跳转到不带tab的页面

                }）

3.  wx.redirectTo({ } ) ， 关闭当前页面， 跳转到非tabBar的某个页面

4.  wx.navigateTo({ })，保留当前页面， 跳转到应用内的某个页面， 使用 wx.navigateBack  可以返回

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,
 });

View Code

5. wx.navigateBack({ })，关闭当前页面，返回上一页面或多级页面

// A —— B
wx.navigateTo({
    url: 'B?id=1'
})

// B —— C
wx.navigateTo({
    url: 'C?id=1'
})

// C ——A
wx.navigateBack({
    delta: 2
})

View Code

6.  wx.reLaunch({ })， 关闭所有页面，打开到应用内的某个页面