uni-app 4.57版本uni.setTabBarItem(OBJECT)设置不生效（鸿蒙Next）

uni-app 4.57版本uni.setTabBarItem(OBJECT)设置不生效（鸿蒙Next）

类别 信息
产品分类 uniapp/App
PC开发环境 Mac
版本号 15.4
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显示无变化

bug描述：

使用uni.setTabBarItem方法，动态设置tabbar的名称、icon显示、页面路。
只有页面路径是设置是成功的
tabbar的文本及icon显示，还是使用的pages.json中的内容

更多关于uni-app 4.57版本uni.setTabBarItem(OBJECT)设置不生效（鸿蒙Next）的实战教程也可以访问 https://www.itying.com/category-93-b0.html

14 回复

这个之前应该修复过一次，你项目的harmony-configs下有oh-package.json文件吗？这个可能引用之前的版本

更多关于uni-app 4.57版本uni.setTabBarItem(OBJECT)设置不生效（鸿蒙Next）的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html


鸿蒙Next的项目中未配置这个json文件

回复 Rexnbyibocloud: static前面加一个斜线呢

回复 DCloud_UNI_yuhe: tabbar的icon跟text还是没有变化。在static前添加斜线

回复 DCloud_UNI_yuhe: selectedIconPath的图片是gif文件，这个会有影响么？

回复 Rexnbyibocloud: 你提供一下一个可以复现的最小项目

回复 Rexnbyibocloud: 你文件不是 png 吗？怎么是 gif？

demo发这边了

提供一下复现的步骤，你发的项目该点哪里

注意这个 API 得在tabbar 页面中使用

回复 DCloud_UNI_yuhe: 你说的在tabbar页面使用指的是，在pages.json中预设置的tabbar页面中去切换底部的tabbar显示？

回复 DCloud_UNI_yuhe: 我发的这个demo是预先在APP.vue文件中，写了一个setTabbarItem的设置去替换pages.json文件中的tabbar。起始页面点击title就能跳tabbar页面

回复 Rexnbyibocloud: 是的 tabbar 相关的 API 都需要在tabbar 页面中调用

回复 DCloud_UNI_yuhe: 我这边尝试了一下，功能正常了。感谢感谢

回到顶部