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无法传参内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！
相关文章
这篇文章主要为大家介绍了使用GPT写代码实现高亮页面关键字示例详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2023-04-04
这篇文章主要介绍了JavaScript递归算法生成树形菜单，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-08-08
可折叠区域的基本思想：通过点击某个地方来显示或隐藏屏幕中的某个区域。2010-10-10
mpvue 是一个使用 Vue.js 开发小程序的前端框架。这篇文章主要介绍了小程序的mpvue框架 ,需要的朋友可以参考下2019-05-05
本文主要介绍了webpack前端应用之基础打包实现，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2023-02-02
一款用JavaScript模仿3D立体切换效果的js焦点幻灯片特效，使用方法很简单：用鼠标拖拽图片向左右方向就好～2015-10-10
这篇文章主要介绍了javascript按钮禁用和启用的效果实例代码,需要的朋友可以参考下2017-10-10
这篇文章主要为大家详细介绍了利用bootstrapValidator验证UEditor,具有一定的参考价值，感兴趣的小伙伴们可以参考一下2016-09-09
这篇文章主要为大家详细介绍了JavaScript实现商品放大镜效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2021-10-10
本文给大家分享的是使用range做的一个简单的手动调色并可以得到RGB值的小工具，非常的实用，有需要的小伙伴可以参考下2016-09-09
最新评论