uniapp中uni.switchTab无法传参的解决办法
更新时间：2023年01月17日 09:56:47 作者：无·糖
uni.switchTab跳转的必须是TabBar上的路径,下面这篇文章主要给大家介绍了关于uniapp中uni.switchTab无法传参的解决办法,文中通过实例代码介绍的非常详细,需要的朋友可以参考下
问题描述
在uniapp中使用uni.switchTab无法传参
uni.switchTab({
url:`/pages/report/report?Id=${query}`
})
原因分析
uniapp官方定义uni.switchTab无法传参
| 参数 | 类型 | 必填 | 说明 |
|---|---|---|---|
| url | String | 是 | 需要跳转的 tabBar 页面的路径（需在 pages.json 的 tabBar 字段定义的页面），路径后不能带参数 |
| success | Function | 否 | 接口调用成功的回调函数 |
| fail | Function | 否 | 接口调用失败的回调函数 |
| complete | Function | 否 | 接口调用结束的回调函数（调用成功、失败都会执行） |
解决方案
使用uni.relaunch可以跳转并携带参数
| 参数 | 类型 | 必填 | 说明 |
|---|---|---|---|
| url | String | 是 | 需要跳转的应用内页面路径 , 路径后可以带参数。参数与路径之间使用?分隔，参数键与参数值用=相连，不同参数用&分隔；如 ‘path?key=value&key2=value2’，如果跳转的页面路径是 tabBar 页面则不能带参数 |
| success | Function | 否 | 接口调用成功的回调函数 |
| fail | Function | 否 | 接口调用失败的回调函数 |
| complete | Function | 否 | 接口调用结束的回调函数（调用成功、失败都会执行） |
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无法传参内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！
相关文章
这篇文章主要为大家详细介绍了微信小程序实现简易计算器功能，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2022-09-09
变量testFun为一个匿名函数，匿名函数返回的一个testFun.init对象（也是一个匿名函数）2011-12-12
为了更好地处理这些异步操作,JavaScript 引入了异步编程的概念,这篇文章主要来和大家详细聊聊JavaScript中异步的相关应用,希望对大家有所帮助2024-02-02
实现一个五子棋游戏, 简要分析其原理, 页面并没有很花哨, 原理搞懂了, 后面的就是很轻松的事了,本文给大家介绍了如何用纯JS实现一个五子棋游戏,文中通过代码示例给大家介绍的非常详细,具有一定的参考价值,需要的朋友可以参考下2023-12-12
JSONObject-lib包是一个beans,collections,maps,java arrays和xml和JSON互相转换的包，本文给大家介绍jsonobject使用方法相关知识，感兴趣的朋友一起学习吧2015-12-12
从多次测试结果看来，使用StringBuffer 可以节省50%以上的时间2008-12-12
下面小编就为大家带来一篇给easyui的datebox控件添加清空按钮的实现方法。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-11-11
提到在一段程序中如果碰到需要终止,结束一个循环,函数或者一段代码,一般会想到以下这几个关键字return、continue、break,这篇文章主要给大家介绍了关于js中几种循环的退出方式,需要的朋友可以参考下2022-12-12
JavaScript数组扁平转树形结构数据(Tree)的实现
本文主要介绍了JavaScript数组扁平转树形结构数据(Tree)的实现，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2022-08-08
ionic中的$ionicPlatform.ready事件中的通用设置
$ionicPlatform.ready事件是用于检测当前的平台是否就绪的事件，相当于基于document的deviceready事件, 在app中一些通用关于设备的设置必须在这个事件中处理2017-06-06
最新评论