内蔵部品VUE国際的に使用が(ivew、要素-UI)言語の問題を切り替えることはできません表示されます

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    })

 

おすすめ

転載: www.cnblogs.com/zaijin-yang/p/11818746.html