uni.setTabBarItem({
index:0,
text: '商城',
pagePath:'/pages/index/index',
iconPath: "static/images/tabBar/lianshang_icon.png",
selectedIconPath: "static/images/tabBar/lianshang_icon_active.png",
success(e) {
}
})
Rexnbyibocloud
- 发布：2025-05-27 15:47
- 更新：2025-05-27 18:48
- 阅读：152
产品分类： uniapp/App
PC开发环境操作系统： Mac
PC开发环境操作系统版本号： 15.4
HBuilderX类型： 正式
HBuilderX版本号： 4.57
手机系统： HarmonyOS NEXT
手机系统版本号： HarmonyOS 5.0.1
手机厂商： 华为
手机机型： Mate 60Pro
页面类型： vue
vue版本： vue3
打包方式： 云端
项目创建方式： HBuilderX
示例代码：
操作步骤：
uni.setTabBarItem({
index:0,
text: '商城',
pagePath:'/pages/index/index',
iconPath: "static/images/tabBar/lianshang_icon.png",
selectedIconPath: "static/images/tabBar/lianshang_icon_active.png",
success(e) {
}
})
uni.setTabBarItem({
index:0,
text: '商城',
pagePath:'/pages/index/index',
iconPath: "static/images/tabBar/lianshang_icon.png",
selectedIconPath: "static/images/tabBar/lianshang_icon_active.png",
success(e) {
}
})
预期结果：
属性支持
属性支持
实际结果：
路径可以跳转，tabbar的文本及icon显示无变化
路径可以跳转，tabbar的文本及icon显示无变化
bug描述：
使用uni.setTabBarItem方法，动态设置tabbar的名称、icon显示、页面路。
只有页面路径是设置是成功的
tabbar的文本及icon显示，还是使用的pages.json中的内容
Rexnbyibocloud (作者)
demo发这边了
-
-
-
Rexnbyibocloud (作者)
回复 DCloud_UNI_yuhe: 你说的在tabbar页面使用指的是，在pages.json中预设置的tabbar页面中去切换底部的tabbar显示？
2025-05-27 20:49
-
Rexnbyibocloud (作者)
回复 DCloud_UNI_yuhe: 我发的这个demo是预先在APP.vue文件中，写了一个setTabbarItem的设置去替换pages.json文件中的tabbar。起始页面点击title就能跳tabbar页面
2025-05-27 20:56
-
-
Rexnbyibocloud (作者)
鸿蒙Next的项目中未配置这个json文件
2025-05-27 16:16
DCloud_UNI_yuhe
回复 Rexnbyibocloud: static前面加一个斜线呢
2025-05-27 16:28
Rexnbyibocloud (作者)
回复 DCloud_UNI_yuhe: tabbar的icon跟text还是没有变化。在static前添加斜线
2025-05-27 16:45
Rexnbyibocloud (作者)
回复 DCloud_UNI_yuhe: selectedIconPath的图片是gif文件，这个会有影响么？
2025-05-27 16:46
DCloud_UNI_yuhe
回复 Rexnbyibocloud: 你提供一下一个可以复现的最小项目
2025-05-27 17:28
DCloud_UNI_yuhe
回复 Rexnbyibocloud: 你文件不是 png 吗？怎么是 gif？
2025-05-27 17:28