uni-app midButton里的text不支持多语言

uni-app midButton里的text不支持多语言

"midButton": {  
    "width": "83px",  
    "text": "%tab.mid%",  
    "iconPath": "static/images/tab_mid.png"  
}

如图中英文环境设置了"tab.mid":"討論區",但是没有效果，其他正常的tab显示没有问题

wechat_2025-09-12_094804_117.png


更多关于uni-app midButton里的text不支持多语言的实战教程也可以访问 https://www.itying.com/category-93-b0.html

17 回复

给你提供一下临时的解决方案，方式是将附件中的文件，替换后重新运行
/Applications/HBuilderX-Dev.app/Contents/HBuilderX/plugins/uniapp-cli-vite/node_modules/@dcloudio/uni-h5
windows 下类似

更多关于uni-app midButton里的text不支持多语言的实战教程也可以访问 https://www.itying.com/category-93-b0.html


您好这个是Hbuilderx的bug吧，后续更新升级的话会有影响吗

回复 uni920: 这个不是hbuilderx的 bug。后续升级更新就会有文件了

回复 DCloud_UNI_yuhe: 已经替换并重启了还是不可以，路径截图无法在这里附上，我另起了一个评论

回复 uni920: 是hbuilderx项目还是 cli’项目？

回复 DCloud_UNI_yuhe: hbulderx创建的项目

回复 uni920: 替换的hbuilderx目录和运行的hbuilderx目录一致吗？

回复 DCloud_UNI_yuhe: 是一致的，电脑就一个版本的Hbuilderx

回复 DCloud_UNI_yuhe: 操作视频已经私信给您

补充截图

运行到哪个平台产生的问题？使用的哪个版本的hbuilderx？

H5平台有问题，App没问题 HB4.76(ARM)

回复 uni920: 好的，等我看一下的

回复 DCloud_UNI_yuhe: 感谢，辛苦确认是否bug，是否有快速解决的方案，产品着急上线，感谢感谢！！！

这里

vue2 版本的替换如下文件
/Applications/HBuilderX-Dev.app/Contents/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/uni-h5

在 uni-app 中，midButton 的 text 属性目前确实不支持直接使用多语言变量（如 %tab.mid%）。这是由框架本身的限制导致的，midButton 的文本配置仅支持静态字符串，无法像普通页面或组件那样通过 vue-i18n 或其他多语言方案动态渲染。

解决方案：

  1. 动态设置 midButton 文本：
    在 pages.json 中移除 midButton 的 text 配置，改为在页面逻辑中通过 uni.setTabBarItem 动态设置文本。例如：
    // 在 App.vue 或首页的 onLaunch/onLoad 中
uni.setTabBarItem({
  index: 1, // 中间按钮的索引
  text: this.$t('tab.mid') // 根据语言环境动态赋值
});
回到顶部