路由跳转小程序

Posted 2021-07-08 fengshaopu

一、组件跳转
第一中方式：

<navigator  url="/pages/wd/wd" open-type = "redirect">wd</navigator >
url 路径   open-type 这是跳转方式       
1. navigator  是只能跳转没有tabBar的有返回按钮  可以传值
2.switchTab 只能跳转tabBar的页面   不可传值  会报错
3.reLaunch 随便跳转     可以传值

第二种：

  wx.navigateTo({  //有返回键只能跳转不是tab页面
    url: '/pages/wd/wd',
  })
  
 wx.switchTab({  //2.switchTab 只能跳转tabBar的页面   不可传值  会报错
    url: '/pages/index/index?id=123',
  })


wx.redirectTo({  //可以跳转任何页面   没有返回 有首页
  url: "/pages/wd/wd?id=123",
})

传值的话：

可直接在后面拼接id
在跳转到的页面在 onLoad 接收  页面刷新时只触发一次 
 跳转到tabBar页面不能传值
 onLoad: function (options) {
   
console.log(options);
  },

传数组的话：

//得先转把数组成字符串然后传到那边
suiyi(){
  var arr=[1,6,5,9]
  var g=JSON.stringify(arr) // JSON.stringify//对象转换 字符串
wx.redirectTo({  //可以跳转任何页面   没有返回 有首页
  url: `/pages/wd/wd?id=${g}`,
})
},

 用onLoad接收: 

 onLoad: function (options) {
    var a=JSON.parse(options.id)  //字符串转对象
console.log(a);
  },