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插件的多語言切換

 

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM