1. 路由(页面管理)
uni-app 页面路由全部交给框架统一管理,开发者需要在pages.json里配置每个路由页面的路径及页面样式(类似小程序在app.json中配置页面路由)。所以 uni-app 的路由用法与 Vue Router 不同(如仍希望采用 Vue Router 方式管理路由,可在插件市场搜索 Vue-Router)。
1.1 路由跳转方式
说明:uni-app`有两种路由跳转方式:使用navigator组件跳转、调用API跳转。
1.2 页面栈
框架以栈的形式管理当前所有页面, 当发生路由切换的时候,页面栈的表现如下:
navigateTo, redirectTo 只能打开非 tabBar 页面。
switchTab 只能打开 tabBar 页面。
reLaunch 可以打开任意页面。
页面底部的 tabBar 由页面决定,即只要是定义为 tabBar 的页面,底部都有 tabBar。
不能在 App.vue 里面进行页面跳转。
1.3 获取当前页面栈
getCurrentPages() 函数用于获取当前页面栈的实例,以数组形式按栈的顺序给出,第一个元素为首页,最后一个元素为当前页面。
注意: getCurrentPages() 仅用于展示页面栈的情况,请勿修改页面栈,以免造成页面状态错误。
每个页面实例的方法属性列表如下:
方法
描述
平台说明
page.$getAppWebview()
获取当前页面的webview对象实例
5+App
page.route