作者:不曾孤独_815 | 来源:互联网 | 2023-07-18 19:05
1.引入i18nimportVueI18nfromvue-i18n2.挂载i18nVue.use(VueI18n)3.建立语言包,根据需要开发的语言建立相应的
1.引入i18n
import VueI18n from 'vue-i18n'
2.挂载i18n
Vue.use(VueI18n)
3.建立语言包,根据需要开发的语言建立相应的文件夹
对应js文件的写法如下:
export default {
message: {
//底部导航
index: '首頁',
}
}
4.在main.js文件夹引入并配置
const i18n = new VueI18n({
locale: uni.getStorageSync('lang').name || 'cn', //当前语言为其他语言或中文;
messages: {
'en': en,
'cn': cn,
'ko': ko,
'cnf': cnf,
}
})
5.把i18n挂载到原型链上
Vue.prototype._i18n = i18n
6.挂载到vue上
const app = new Vue({
store,
VueI18n,
...App
})
app.$mount()
7.在页面上应用
computed: {
i18n() {
return this.$t('message')
}
}
{{i18n.noOpen}}