# 多语言
组件内部默认使用中文,若希望使用其他语言,则需要进行多语言设置。
# 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>
← 快速上手 dynamic-form →