main.js言語パックに対応する構成要素の導入
例:
。1 からインポートVueI18n 'I18N-VUE'; //は、国際化導入 2 elementen 'UIエレメント/ libに/ロケール/ LANG / EN'からのインポートを; // 要素UI-英語の言語パック 。3 「UI要素からインポートelementZh / libに/ロケール/ LANG / ZH-CN '; // 要素中国語パックUI 4。 5。 インポートivewZhから' iViewにはdist / /ロケール/ ZH-CNは'; // ivew中国の言語パック 。6 輸入ivewEnから' iViewにはdist / /ロケール/ EN-US '; // ivew英語の言語パック 7 8 インポートからZH' ./i18n/lang/zh '; // 自身の中国語の言語パック 9 インポートENから' ./i18n/lang/en「;// 自分の英語の言語パック 10 // これは、変更されていない主な問題の嘘である 。11 Vue.use(iViewを、{ 12は I18N:(キー、値)=> I18n.t(キー、値) 13である }); 14 Vue.use(ElementUI、{ 15 I18N (キー、値)=> I18n.t(キー、値) 16 }); 17 Vue.use(VueI18n); 18である 。19 // 言語国際 20は =定数メッセージ{ 21は 'ZH' :{ 22は ... ZH、 23はある ... elementZh、 24 ... ivewZh 25 }、// 中国の言語パック 26がある (EN):{ 27 ... EN、 28 ... elementEn、 29 ... ivewEn 30 } // 英文语言包 31 }。 32 // 通过クッキー存储 33エクスポート機能はgetLanguage(){ 34 CONST chooseLanguage = Cookies.get( '言語' )。 35 であれば(chooseLanguage)リターンchooseLanguage。 36 37 CONST言語=(navigator.language || navigator.browserLanguage).toLowerCase(); 38 CONSTロケール= Object.keys(メッセージ)。 39 のための(ロケールのCONSTロケール){ 40 であれば(language.indexOf(ロケール)> -1 ){ 41 リターンロケール。 42 } 43 } 44 リターン 'EN' ; 45 } 46 47 CONST I18N = 新しいVueI18n({ 48 ロケール:はgetLanguage()// 语言标识 49の メッセージ 50 }) 51 52 新しいヴュー({ 53 EL '#app' 、 54 I18N 55 })