微信小程序路由与参数传递

小程序跳转页面分两种方式：

• 第一种是tabBar页面，就是底部app.json定义那几个tabBar
• 第二种为非tabBar页面,除去上面的就为非tabBar页面。

第一种跳转到tabBar:
说明：跳转到 tabBar 页面，并关闭其他所有非 tabBar 页面

wx.switchTab({
    url: '/pages/mine/mine',
})

注意：在跳转到tabBar页面时无法携带参数，如果想要携带参数，可使用全局变量

第二种重定向到非tabBar页面，最大特点没有返回按钮

说明：关闭当前页面，跳转到应用内的某个页面。但是不允许跳转到 tabbar 页面。

wx.redirectTo({
    url: '/pages/login/login?id=1&type=2',
})

获取参数

onLoad: function (options) {
    console.logo(options.id)
},

第三种导航跳转，最大特点顶部有返回按钮

说明：保留当前页面，跳转到应用内的某个页面。但是不能跳到 tabbar 页面。

wx.navigateTo({
  url: '/pages/login/login',
})

第四种导航跳转回上一个或前几个页面，就类似网页回退按钮

说明：关闭当前页面，返回上一页面或多级页面。可通过 getCurrentPages() 获取当前的页面栈，决定需要返回几层。

     wx.navigateBack({
      url: '/pages/login/login',
    })

第五种跳转应该是权利最大跳转，无论那个页面都能跳

    wx.reLaunch({
      url: '/pages/login/login',
    })

第六种跳转，在wxml里跳转

<navigator class='oli' wx:for="{{list}}" wx:key="index" url='../detail/detail?id={{item.id}}' open-type="navigate" >
     <image src='{{item.pic}}'/>

</navigator>