uni-app tabbar页面传参

官网中说明uni-app和小程序的switchTab跳转tabbar页面，路径后不能带参数，所以，以下使用两种方法进行tabbar页面之间的传参。

全局变量传参（globalData全局变量）
传递参数的页面：

getApp().globalData.name = "lixian";
uni.switchTab({url:'../tabbar2/tabbar2?name=' + name
})

接受参数的页面：
全局变量数据加载显示在onShow方法中

onShow(){this.name = getApp().globalData.name;//赋值取得参数
}

本地缓存传参
将data存储在本地缓存中指定的关键词中，是一个同步接口。

uni.setStorageSync ( "name" , "lixian" ) ;//赋值
uni.getStorageSync ( "name" ) ;//取值

uni-app tabbar页面传参相关推荐

微信小程序跳转tabBar页面传参
微信小程序底部tabBar一般通过wx.switchTab进行跳转,但该api无法传参,如何解决传参问题? 网上查了一下,一般都是通过app.globalData全局变量进行传参的,但这种方法在需要配 ...
关于uni-app中app页面传参及跳转的问题
由于是第一次接触这个,很多东西需要摸索,废话不多说直接上重点. 我想实现页面b编写完成保存后跳转回页面a,a页面局部刷新并且控件赋值. 那么这就牵扯到页面传参的问题了,可我在网上翻了各种资料,90%都 ...
angularjs跨页面传参遇到的一些问题
上周写课程选择时间功能时需要将课程ID,星期,节次等参数传递给下一个页面,就查了查angularjs的ui-router跨页面传参,一开始是这样写的: 在app.js下添加 params:{'args ...
uniapp页面传参使用encodeURIComponent转义特殊符号
答主在uniapp页面跳转传imgUrl(地址为:https://metting.oss-cn-beijing.aliyuncs.com/20210615153312771.9AT5NO.jpg?Ex ...
AngularJS中页面传参方法
1.基于ui-router的页面跳转传参 (1) 用ui-router定义路由,比如有两个页面,一个页面(producers.html)放置了多个producers,点击其中一个目标,页面跳转到对应的 ...
vue页面传参（多个参数传值）与接参 - 代码篇
index.js路由规则设定: /searchResult/syyName=:syyName 发送页面: //传参页面 this.$router.push({name: 'SearchResult', ...
Strut2页面传参跳转 --Struts2
1.本案例借助struts2框架,完成页面传参.跳转功能 2.代码实现 index.jsp: <form action="helloStruts2.action" metho ...
通过URL在前端页面传参的方法
通过URL在前端页面传参的方法整个过程实例在HTML页面a.html中:参数写入URL function detail(goods_id){window.location.href="h ...
微信小程序使用onfire.js（事件订阅和分发JavaScript 库）实现跨页面传参，对onfire的全面了解
开发微信小程序时,页面间数据传送多采用URL方式传参.添加全局变量,对于在本地缓存不大实用(感觉操作缓存,应该性能会有一定的损耗吧).而从新打开的页面回到之前的界面,貌似只有放在本地缓存.添加全局变量 ...

uni-app tabbar页面传参

uni-app tabbar页面传参相关推荐

最新文章

热门文章