# 多语言

组件内部默认使用中文,若希望使用其他语言,则需要进行多语言设置。

# element-ui配置

首先,由于组件的输入组件都来源于 element-ui,我们需要先设置 element-ui 的多语言配置,在 main.js 中:

import Vue from 'vue'
import ElementUI from 'element-ui'
import locale from 'element-ui/lib/locale/lang/en'

Vue.use(ElementUI, { locale })

更多的 element-ui 多语言配置可以查看 element-ui多语言配置 (opens new window)

# 配置组件

组件默认自带了中文和英文语言包,可以通过 lang 属性切换

<template>
  <dynamic-form
    v-model="data"
    lang="en_US"
    :descriptors="descriptors">
  </dynamic-form>
</template>

属性取值对应表为

语言
中文 zh_CN
英文 en_US

# 自定义语言包

组件提供 languages 属性供用户自行扩展语言包,languages 格式如下:

{
  'zh_CN': {
    addKeyPlaceholder: '请输入您想要的键值',
    addKeyButtonText: '添加键值',
    addArrayItemButtonText: '添加元素'
  },
  'en_US': {
    ...
  }
}
<template>
  <dynamic-form
    v-model="data"
    lang="en_US"
    :languages="languages"
    :descriptors="descriptors">
  </dynamic-form>
</template>
Last Updated: 2019-8-2 16:15:41