解决uniapp中uni.switchTab无法传参

解决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}`
})

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