前言
老板要微信小程序也国际化,也就是整个英文版本,用了vuei18n,但是uni文档里找tabar栏的翻译方法没找到
解决办法
找了一会儿,uniapp提供1种办法
1. 自定义tabar栏
说是影响性能体验,不想试,看了感觉巨麻烦
我的方法
在微信文档里找到了个api,直接可以动态设置
那我们在代码里先判断语言环境,然后设置就行了
代码如下
js
setTitle() {
if (this.$i18n.locale === 'en') {
uni.setNavigationBarTitle({
title: 'Home page'
});
wx.setTabBarItem({
index: 0,
text: 'Home',
})
wx.setTabBarItem({
index: 1,
text: 'ShipTime',
})
wx.setTabBarItem({
index: 2,
text: 'Boats',
})
wx.setTabBarItem({
index: 3,
text: 'Mine',
})
}
},
setNavigationBarTitle设置小程序最顶部的翻译,setTabBarItem设置tabar栏,完美解决!