1. 路由(页面管理)

1.1 路由跳转方式
说明:uni-app`有两种路由跳转方式:使用navigator组件跳转、调用API跳转。
1.2 页面栈
框架以栈的形式管理当前所有页面, 当发生路由切换的时候,页面栈的表现如下:


1.3 获取当前页面栈
getCurrentPages() 函数用于获取当前页面栈的实例,以数组形式按栈的顺序给出,第一个元素为首页,最后一个元素为当前页面。
注意: getCurrentPages() 仅用于展示页面栈的情况,请勿修改页面栈,以免造成页面状态错误。
每个页面实例的方法属性列表如下:

uni-app 在 getCurrentPages()获得的页面里内置了一个方法 $getAppWebview() 可以获取当前页面的webview对象实例,从而获得 webview 的 style、id等属性,也可设置 webview 的 style。注意:此方法仅 5+app 支持。
2. 路由传值(页面传参)

页面 1 传递参数


页面 2 接收参数

示例一:传递简单参数
home.vue中传递参数

new-page1.vue 中接收数据

示例二:传递数据集合
home.vue中传递数据集合


new-page2.vue 中接收数据集合

本文介绍uni-app中的路由管理,包括两种路由跳转方式、页面栈的管理方式及获取页面栈的方法,并展示了页面间传值的具体示例。

5072

被折叠的 条评论
为什么被折叠?



