浏览代码

Doc: update docs about vue-i18n, close #2039

qingwei.li 8 年之前
父节点
当前提交
7d3bbc8ad4
共有 2 个文件被更改,包括 39 次插入0 次删除
  1. 20 0
      examples/docs/en-US/i18n.md
  2. 19 0
      examples/docs/zh-CN/i18n.md

+ 20 - 0
examples/docs/en-US/i18n.md

@@ -37,6 +37,26 @@ webpack.config.js
 }
 ```
 
+## Compatible with `vue-i18n`
+
+Element is compatible with [vue-i18n](https://github.com/kazupon/vue-i18n), which makes multilingual switching even easier.
+
+```javascript
+import Vue from 'vue'
+import VueI18n from 'vue-i18n'
+import Element from 'element-ui'
+import enLocale from 'element-ui/lib/locale/lang/en'
+import zhLocale from 'element-ui/lib/locale/lang/zh-CN'
+
+Vue.use(VueI18n)
+Vue.use(Element)
+
+Vue.config.lang = 'zh-cn'
+Vue.locale('zh-cn', zhLocale)
+Vue.locale('en', enLocale)
+```
+
+
 Currently Element ships with the following languages:
 <ul class="language-list">
   <li>Simplified Chinese (zh-CN)</li>

+ 19 - 0
examples/docs/zh-CN/i18n.md

@@ -49,6 +49,25 @@ Vue.component(Select.name, Select)
 }
 ```
 
+## 兼容 `vue-i18n`
+
+Element 兼容 [vue-i18n](https://github.com/kazupon/vue-i18n),搭配使用能更方便地实现多语言切换。
+
+```javascript
+import Vue from 'vue'
+import VueI18n from 'vue-i18n'
+import Element from 'element-ui'
+import enLocale from 'element-ui/lib/locale/lang/en'
+import zhLocale from 'element-ui/lib/locale/lang/zh-CN'
+
+Vue.use(VueI18n)
+Vue.use(Element)
+
+Vue.config.lang = 'zh-cn'
+Vue.locale('zh-cn', zhLocale)
+Vue.locale('en', enLocale)
+```
+
 目前 Element 内置了以下语言:
 <ul class="language-list">
   <li>简体中文(zh-CN)</li>