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

pull/2078/head
qingwei.li 2016-12-29 17:50:09 +08:00 committed by 杨奕
parent cf028a42f4
commit 7d3bbc8ad4
2 changed files with 39 additions and 0 deletions

View File

@ -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>

View File

@ -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>