github
/
element
mirror of https://github.com/ElemeFE/element
1
0
Fork 0
Code Issues Releases Wiki Activity

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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
examples/docs/en-US/i18n.md
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: Currently Element ships with the following languages:
<ul class="language-list"> <ul class="language-list">
<li>Simplified Chinese (zh-CN)</li> <li>Simplified Chinese (zh-CN)</li>

19
examples/docs/zh-CN/i18n.md
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 内置了以下语言： 目前 Element 内置了以下语言：
<ul class="language-list"> <ul class="language-list">
<li>简体中文（zh-CN）</li> <li>简体中文（zh-CN）</li>