uniapp页面,当跳转到 tabBar页面:uni.switchTab: url 不支持 queryString解决方法

uniapp使用跳转路由switchTab不能带参数问题

1.在项目路由中跳转时出现 uni.switchTab: url 不支持 queryString
由于tabBar页面相当与主页,onload事件不能带参数所以出现不能带参数跳转的情况,如图

uni.switchTab({
   				url:"../index/index?id=1" 			})

这个是跳转代码,如图设置id=1出问题了
在这里插入图片描述
那么我们可以把要存的东西存到缓存中,或者全局的js中定义缓存,在main.js中
uniapp页面,当跳转到 tabBar页面:uni.switchTab: url 不支持 queryString解决方法_第1张图片
代码:

Vue.prototype.userSelect=function(key){
		var userInfo = uni.getStorageSync("userSelect");
	if (userInfo != null && userInfo != "" && userInfo != undefined) {
		return userInfo;
	}else{
		return null;
	}
}

当用户点击是那么进行跳转到index页面tarbar页面不能带参数,那么我们把值写入缓存中
uniapp页面,当跳转到 tabBar页面:uni.switchTab: url 不支持 queryString解决方法_第2张图片
那么我我们在index页面中获取缓存中的值
uniapp页面,当跳转到 tabBar页面:uni.switchTab: url 不支持 queryString解决方法_第3张图片
在这里插入图片描述
那么现在就能获取上个页面你想传递的参数了,顺利解决跳转tabBar不能带参数跳转的问题

你可能感兴趣的:(uniapp,前端,前端app,uniapp)