国际化

    完整引入 iView

    按需引入 iView

    2. // importing iView on demand
    3. import { locale, Page } from 'iview';
    4. import lang from 'iview/dist/locale/en-US';
    6. // configure language
    7. locale(lang);
    9. // import components
    10. Vue.component('Page', Page);

    兼容 vue-i18n@6.x+

    兼容 vue-i18n@5.x

    1. import Vue from 'vue';
    2. import iView from 'iview';
    3. import VueI18n from 'vue-i18n';
    4. import en from 'iview/dist/locale/en-US';
    5. import zh from 'iview/dist/locale/zh-CN';
    7. Vue.use(VueI18n);
    8. Vue.use(iView);
    10. Vue.config.lang = 'en-US';
    11. Vue.locale('en-US', en);
    12. Vue.locale('zh-CN', zh);

    结合 vue-i18n 使用

    1. <script src="//unpkg.com/iview/dist/iview.min.js"></script>
    2. <script src="//unpkg.com/iview/dist/locale/en-US.js"></script>
    3. <script src="//unpkg.com/iview/dist/locale/zh-CN.js"></script>
    5. <script>
    6.     // you need to add Polyfill if your browser doesn't support ES2015
    7.     Vue.locale = () => {};
    9.         en: Object.assign({ message: 'hello' }, iview.langs['en-US']),
    10.         zh: Object.assign({ message: '你好' }, iview.langs['zh-CN'])
    11.     };
    13.     const i18n = new VueI18n({
    14.       locale: 'en', // set locale
    15.       messages // set locale messages
    16.     })
    18.     new Vue({
    19.         el: '#app',
    20.         i18n: i18n
    21.     })
    22. </script>

    iView 目前已支持以下语言：

    • 简体中文（zh-CN）
    • 繁体中文（zh-TW）
    • 英文（en-US）
    • 西班牙语（es-ES）
    • 日语（ja-JP）
    • 俄语（ru-RU）
    • 法语（fr-FR）
    • 德语（de-DE）
    • 巴西葡萄牙语（pt-BR）
    • 葡萄牙语（pt-PT）
    • 韩语（ko-KR）
    • 越南语（vi-VN）
    • 瑞典语（sv-SE）
    • 印尼语（id-ID）
    • 乌克兰语（uk-UA）
    • 意大利语（it-IT）
    • 泰语（th-TH）
    • 印地语（hi-IN）
    • 波斯语（fa-IR）
    • 罗马尼亚语（ro-RO）
    • 希腊语（el-GR）
    • 荷兰语（nl-NL）
    • 捷克语（cs-CZ）
    • 蒙古语（mn-MN）
    • 传统蒙古语（mn-TR）
    • 芬兰语（fi-FI）
    • 阿拉伯语（ar-SA）
    • 阿拉伯语-埃及（ar-EG）
    • 波兰语（pl-PL）
      欢迎贡献代码，以支持更多语言。只需在添加一个语言配置文件即可。