9-页面跳转-路径传值

• 页面跳转

绑定事件 （index.wxml）

<text bindtap="toLogs">{{city}}</text>

定义事件 （index.js）

toLogs(){
  wx.switchTab({
    url:"../logs/logs"
  })
}

路由更多参考（共有五个）：
https://developers.weixin.qq.com/miniprogram/dev/api/route/wx.switchTab.html

1. switchTab ：
   跳转到 tabBar 页面，并关闭其他所有非 tabBar 页面
2. navigateTo ：
   保留当前页面，跳转到应用内的某个页面。但是不能跳到 tabbar 页面。使用 wx.navigateBack 可以返回到原页面。小程序中页面栈最多十层
   ️跳转页面先看tabBar，如果是tabBar页面只能使用switchTo来进行页面跳转，如果不是，则只能用navigateTo来跳转页面

• 路径传值（把index.js里边的值在点击页面跳转到list页面的时候传值）

data: {
    city: "北京",
    cityList: ["颐和园", "故宫", "长城"]
},
toLogs() {
   let That = this;
   wx.navigateTo({
      url: '../list/list?cityList=' + That.data.cityList, 
      //只能跳转到不是tabBar的页面
   })
},

在对应接收值的.js中：通过options接收

data: {
    cityList:""
},

//生命周期函数
onLoad: function (options) {  //传过来的值存在options里边
  let arr =  options.cityList.split(",");  //把字符串用逗号，隔开然后转成数组
  this.setData({
    cityList:arr
  })
  //console.log(options)   //string
  //console.log(typeof options.cityList)
  //结果显示："颐和园", "故宫", "长城"
}

注意options拿到数据的数据类型，根据需要的格式进行转换