首先是Uni-app路由的使用它是比较简单的,我们可以通过以下方式来实现:
1. 在pages.json文件中定义路由配置:
```
{
"pages": [
{
"path": "pages/index/index",
"style": {
"navigationBarTitleText": "首页"
}
},
{
"path": "pages/detail/detail",
"style": {
"navigationBarTitleText": "详情页"
}
}
],
"globalStyle": {
"navigationBarTextStyle": "white",
"navigationBarBackgroundColor": "#007aff"
}
}
```
2. 在页面中使用uni-app提供的API进行跳转:
```
// 带参数跳转到详情页
uni.navigateTo({
url: '/pages/detail/detail?id=123'
})
// 无参数返回上一页
uni.navigateBack()
```
还可以通过uni-app提供的其他API实现不同场景下的路由操作,比如:
- uni.switchTab:切换到带有tab的页面
- uni.reLaunch:关闭所有页面,跳转到目标页面
更多使用方法可以查看官方文档:https://uniapp.dcloud.io/api/router?id=router
3. 在目标页面中获取参数:
```
export default {
onLoad(options) {
// 获取参数
console.log(options.id)
}
}
```