1. 路由(页面管理)
uni-app框架之路由和路由传参

1.1 路由跳转方式
说明:uni-app`有两种路由跳转方式:使用navigator组件跳转、调用API跳转。
1.2 页面栈
框架以栈的形式管理当前所有页面, 当发生路由切换的时候,页面栈的表现如下:
uni-app框架之路由和路由传参
uni-app框架之路由和路由传参
1.3 获取当前页面栈
getCurrentPages() 函数用于获取当前页面栈的实例,以数组形式按栈的顺序给出,第一个元素为首页,最后一个元素为当前页面。
注意: getCurrentPages() 仅用于展示页面栈的情况,请勿修改页面栈,以免造成页面状态错误。
每个页面实例的方法属性列表如下:

作者:瑟闻风倾
链接:https://www.jianshu.com/p/f3876ab38dc0
来源:简书
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。
uni-app框架之路由和路由传参
uni-app 在 getCurrentPages()获得的页面里内置了一个方法 $getAppWebview() 可以获取当前页面的webview对象实例,从而获得 webview 的 style、id等属性,也可设置 webview 的 style。注意:此方法仅 5+app 支持。

2. 路由传值(页面传参)

uni-app框架之路由和路由传参
页面 1 传递参数
uni-app框架之路由和路由传参
uni-app框架之路由和路由传参
页面 2 接收参数
uni-app框架之路由和路由传参
示例一:传递简单参数
home.vue中传递参数
uni-app框架之路由和路由传参
new-page1.vue 中接收数据
uni-app框架之路由和路由传参
示例二:传递数据集合
home.vue中传递数据集合
uni-app框架之路由和路由传参
uni-app框架之路由和路由传参
new-page2.vue 中接收数据集合
uni-app框架之路由和路由传参

相关文章:

  • 2022-12-23
  • 2019-11-11
  • 2018-11-26
  • 2021-05-20
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
猜你喜欢
  • 2022-12-23
  • 2022-02-10
  • 2021-10-03
  • 2021-12-11
  • 2021-10-02
  • 2021-11-26
  • 2022-12-23
相关资源
相似解决方案