原副标题：uniapp同时实现多元化多词汇转换
序言
工程项目有国外采用者因此须要实用性多词汇满足用户顾客市场需求
化解方式
在uni-app里有内建i18n多词汇的实用性，因此uni-app里的模块不过能全力支持追随增设词汇展开转换的，i18n的主要就机能是能努力做到动态转换词汇。
关键步骤
1. 在相较子产品目录 utils/lang 的配置文档建立js的词汇文档。总之，也能依照前述情形，在其它产品目录下。这儿，采用了三种词汇，en-US （英语）和zh-CN(繁体)。
2. 关上main.js导入 vue-i18n 和词汇包，并依照须要预设当中一类词汇。
import VueI18n from vue-i18n import enUS from common/lang/en-US.js import zhCN from common/lang/zh-CN.js Vue.use(VueI18n) const locales={ en-US:enUS, zh-CN:zhCN }; const i18n = new VueI18n({ locale: zh-CN, // 预设优先选择的词汇 messages : locales }) Vue.prototype._i18n = i18n const app = new Vue({ i18n, …App }) app.$mount()3. 当网页中须要提及词汇栏时，初始化$t方式。
{{$t(key)}}，$t(key)，this.$t(key) 4.转换词汇 langChange(e) { this.langIndex = e.detail.value if(this.langIndex == 0){ this.$i18n.locale = zh-CN }else if(this.langIndex == 1){ this.$i18n.locale = en-US } }5.增设tabbar
uni.setTabBarItem({ index: 0, text: this.$t(tabbar.home) });就这样，词汇转换同时实现了，而且不会有什么延迟，几乎完美。开源字节的源代码都已开源在Gitee中，欢迎采用交流。
如若转载，请注明出处：开源字节 https://sourcebyte.cn/article/248.html
