uni-app页面路由为框架统一管理,需要在pages.json里面配置每个路由页面的路径及页面样式。
如果想用VueRouter方式管理路由,可在插件市场搜索Vue-Router
pages
uni-app通过pages节点配置应用由那些页面组成,pages节点接收一个数组,数组每个项都是一个对象
path String // 配置页面路径
style Object // 配置页面窗口表现
Tips:
- pages节点的第一项为应用入口也(即首页)
- 应用中新增/减少页面,都需要对pages数组进行修改
- 文件名不需要写后缀,框架会自动寻找路径下的页面资源
//示例
{
"pages": [
{
"path": "pages/index/index",
"style": { ... }
}, {
"path": "pages/login/login",
"style": { ... }
}
]
}
style配置项参考:https://uniapp.dcloud.io/collocation/pages?id=pages
路由跳转
uni-app有两种页面路由跳转方式:使用navigator组件跳转、调用API跳转