vue中引入elementUI的国际化

vue中引入vue-i18n方式见链接:https://www.cnblogs.com/vickylinj/p/9537717.html
vue 中文言分成两个文件分别管理:
en.js:
1 const en = {
2     message: {
3         'hello': 'hello, world',
4     }
5 }
6 
7 export default en

zh.js:

const zh = {
    message: {
        'hello': '你好,世界',
    }
}

export default zh
main.js中引入element-ui国际化文件:
 1 import Vue from 'vue'
 2 import localeElement from 'element-ui/lib/locale'
 3 import enLocale from 'element-ui/lib/locale/lang/en'
 4 import zhLocale from 'element-ui/lib/locale/lang/zh-CN'
 5 import en from '/en.js'
 6 import zh from 'zh.js'
 7 import VueI18n from 'vue-i18n'
 8 
 9 Vue.use(VueI18n)
10 const i18n = new VueI18n({
11   locale: localStorage.lang || 'cn',
12   messages:{
13     'en':{...en,...enLocale},
14     'zh':{...zh,...zhLocale}
15   }
16 })
17 localeElement .i18n((key, value) => i18n.t(key, value)) //重点:为了实现element插件的多语言切换

 

 

posted @ 2020-05-15 11:40  vickylinj  阅读(1307)  评论(0编辑  收藏  举报