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')
}
}
<view class="name">{{i18n.noOpen}}</view>