返回顶部
首页 > 资讯 > 前端开发 > JavaScript >uniapp中uni.switchTab无法传参的解决办法
  • 772
分享到

uniapp中uni.switchTab无法传参的解决办法

uniapp uni.switchtabuni-app传参uniapp 无法传参 2023-01-17 12:01:28 772人浏览 八月长安
摘要

目录问题描述原因分析解决方案补充:解决uni.switchTab()跳转不刷新总结问题描述 在uniapp中使用uni.switchTab无法传参 uni.switchTab({

问题描述

在uniapp中使用uni.switchTab无法传参

uni.switchTab({
	url:`/pages/report/report?Id=${query}`
})

原因分析

uniapp官方定义uni.switchTab无法传参

参数类型必填说明
urlString需要跳转的 tabBar 页面的路径(需在 pages.JSON 的 tabBar 字段定义的页面),路径后不能带参数
successFunction接口调用成功的回调函数
failFunction接口调用失败的回调函数
completeFunction接口调用结束的回调函数(调用成功、失败都会执行)

解决方案

使用uni.relaunch可以跳转并携带参数

参数类型必填说明
urlString需要跳转的应用内页面路径 , 路径后可以带参数。参数与路径之间使用?分隔,参数键与参数值用=相连,不同参数用&分隔;如 ‘path?key=value&key2=value2’,如果跳转的页面路径是 tabBar 页面则不能带参数
successFunction接口调用成功的回调函数
failFunction接口调用失败的回调函数
completeFunction接口调用结束的回调函数(调用成功、失败都会执行)
uni.redirectTo({
	url:`/pages/report/report?Id=${query}`
})

补充:解决uni.switchTab()跳转不刷新

uni.switchTab():不能携带参数,使用uni.switchTab()跳转不会刷新页面

uni.reLaunch:跳转页面会刷新页面

解决办法:

	uni.reLaunch({
			url: '/pages/mine/mine',
			success: function(e) {
				var page = getCurrentPages()[0];
				if (page == undefined || page == null) return;
						page.onLoad(); 
				   }
				})

总结

到此这篇关于uniapp中uni.switchTab无法传参的解决办法的文章就介绍到这了,更多相关uniapp uni.switchTab无法传参内容请搜索编程网以前的文章或继续浏览下面的相关文章希望大家以后多多支持编程网!

--结束END--

本文标题: uniapp中uni.switchTab无法传参的解决办法

本文链接: https://lsjlt.com/news/177966.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

猜你喜欢
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作