- 页面跳转
绑定事件 (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
- switchTab :
跳转到 tabBar 页面,并关闭其他所有非 tabBar 页面 - 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拿到数据的数据类型,根据需要的格式进行转换