小程序路由跳转

标签式跳转

格式：

<navigator url="要跳转的路径?key=value&key2=value" open-type="跳转方式">购物车</navigator>

open-type

总结：

• navigate:只能跳转到非tabbar页面，并且带历史回退

• redirect:只能跳转到非tabbar页面，不带历史回退，只能回到首页

• switchTab:只能跳转到tabbar页面，不带历史回退

• relanuch:即可以跳转到tabBar，也可以跳转到非tabBar,不带历史回退，只能回到首页

• 跳转跳转到另一个页面如何接收参数：

在另一个要接收的页面通过onload生命周期接收

 /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    console.log('列表页：',options)
    const {cateid,name}=options
    console.log(cateid)
    console.log(name)
  },

编程式跳转

//跳转页面
    // wx.navigateTo({
    //   url: `/pages/login/login?name=${name}&password=${password}`,
    // })

    // wx.redirectTo({
    //   url: `/pages/login/login?name=${name}&password=${password}`,
    // })

    // wx.reLaunch({
    //   url: `/pages/login/login?name=${name}&password=${password}`,
    // })

 
    wx.switchTab({
      url: `/pages/cart/cart`,
    })

注意：正常情况下wx.swtichTab跳转是不能传参的，但可通过getApp的globalData进行全局传参和接收

传：
const app=getApp()

goLogin() {
 app.globalData.自定义属性={name,password}
}

接：
const app=getApp()

Page({
     onLoad: function (options) {
       const {name,password}=app.globalData.users;

      console.log('app.globalData',app.globalData)
      console.log('购物车取用户信息：',name)
      console.log('购物车取用户信息：',password)
     },
})