uni-app框架之路由和路由传参

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 中接收数据集合
在这里插入图片描述

  • 4
    点赞
  • 8
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值