小程序中的路由跳转

Posted xiaobai1

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了小程序中的路由跳转相关的知识,希望对你有一定的参考价值。

1.最简单是tabBar
app.json中:pages里面要声明,在tabBar里面同样操作,因为是JSON文件,所以所有内容都是字符串
{
"pages": [
"pages/index/index",
"pages/logs/index"
],
"window": {
"navigationBarTitleText": "Demo"
},
"tabBar": {
"list": [{
"pagePath": "pages/index/index",
"text": "首页"
}, {
"pagePath": "pages/logs/logs",
"text": "日志"
}]
},
"networkTimeout": {
"request": 10000,
"downloadFile": 10000
},
"debug": true
}

 

2.打开新页面,
wx.navigateTo({
url: ‘test?id=1‘
})

 

3.是第二种的扩展,自定义属性,data- 根据属性值拼接路径

组件
滑块组件属性都写在标签里

当e.detail.value内容比较多时,一个一个赋值麻烦
var propertyName = e.currentTarget.dataset.propertyName
var newData = {}
newData[propertyName] = e.detail.value
this.setData(newData)

































以上是关于小程序中的路由跳转的主要内容,如果未能解决你的问题,请参考以下文章

小程序开发之路由跳转

小程序路由页面跳转

路由跳转小程序

微信小程序Page页面跳转(路由/返回)并传参

uniapp小程序路由跳转navigator传参封装

小程序路由跳转携带参数方法