uniapp实现tabBar-switchTab之间的传参方法
更新时间：2024年01月20日 12:18:00 作者：小跳不会Coding
这篇文章主要介绍了uniapp实现tabBar-switchTab之间的传参方式，本文给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
一、需求：
tabbar之间跳转页面时，需要传递一个参数。
官方文档明确说明: 跳转tabBar栏的页面只能使用 uni.switchTab 并且url 路径后面不能传递参数。
二、解决方法：
方法1：setStorageSync(本地缓存)
//index.vue 页
onclick () {
存起来，在另一个页面中获取.
uni.setStorageSync('myIndex', value);
uni.switchTab({
url:'/pages/user/user'
})
}//user.vue 页（在onShow中从本地缓存中获取出来,进行相关操作）
onShow() {
const myIndex= uni.getStorageSync('myIndex');
console.log(myIndex)
}方法2：使用全局变量：
main.js 定义全局变量
Vue.prototype.$name = '';
页面1： name.vue
this.$name= "chuanzhi";
uni.switchTab({
url:'/pages/index/index'
})页面2：index.vue
（注意一定要放在onShow生命周期里面及时更新数据，因为tabBar会有缓存机制此时再次进入页面onLoad不会执行）
onShow(){
this.info.name = this.$name//赋值取得参数
}此时this.info.name 就是name.vue页面传递过来的参数
到此这篇关于uniapp实现tabBar-switchTab之间的传参的文章就介绍到这了,更多相关uniapp tabBar-switchTab传参内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！
相关文章
这篇文章主要介绍了JS使用cookie实现DIV提示框只显示一次的方法,涉及JavaScript基于cookie标记控制页面元素样式修改的技巧,需要的朋友可以参考下2015-11-11
这篇文章主要介绍了onmouseover实现选择月份实例代码，有需要的朋友可以参考一下2013-11-11
这篇文章主要介绍了Postman内建变量常用方法实例解析,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下2020-07-07
这篇文章给大家介绍IE6兼容透明背景图片以及在IE6中的透明图片不是透明显示的解决方案,有需要的朋友可以参考下2015-08-08
这篇文章主要介绍了js与jquery回车提交的方法,实例分析了js与jQuery中监测及相应回车键实现提交的技巧,需要的朋友可以参考下2015-02-02
这篇文章主要介绍了js判断是否为ie的方法，有需要的朋友可以参考一下2014-01-01
这篇文章主要介绍了JS实现新浪博客左侧的Blog管理菜单效果代码,可实现基于鼠标点击事件动态操作页面元素样式的功能,界面美观大方,简洁实用,需要的朋友可以参考下2015-10-10
在做项目时碰到了要在页面上显示一个浮动DIV层的效果。本来做的是在页面居中时显示的，但后来经过自己的测试发现，当网页中出现了滚动条之后，那个浮动的DIV却还是在页面的顶部显示的2012-01-01
这篇文章主要介绍了js检测数组类型的方法小结,有instanceof方法Array.isArray() 方法和Object.prototype.toString.call()方法，都是比较常用的，需要的朋友可以参考下2017-03-03
在 javascript 中有很多方式来创建对象，所以创建对象的方式使用起来非常灵活，到底哪一种方式是最恰当呢？下面为大家讲讲2013-08-08
最新评论