## 配置 1. 国际化 目前动态表单组件内置中文简体和英文两种国际化配置,默认为中文简体。 在组件注册的时候进行配置 1.1 配置 ``` // 注册组件库 时配置当前语言为英文 // locale 可以直接指定具体的语言,也可以传入语言库json配置 // 1- 直接配置具体语言 Vue.use(NgForm , {locale: 'en'}) // 2- 配置具体语言库 import { locale } from 'ng-form-element' const localeEn = locale.langs.en Vue.use(NgForm , {locale: localeEn }) ``` 1.2 语言切换 支持在动态表单使用时进行语言切换,语言切换只针对于ng-form-build和ng-form-design两个大组件中进行切换。 ``` // 在布局组件中进行语言切换 this.$refs.formDesign.useLocale('zh_CN') // 在填报/预览组件中进行语言切换 this.$refs.formBuild.useLocale('en') ``` **说明: 语言切换时也可以指定具体的语言数据 json** 1.3 自定义语言库配置 如果我们使用了自定义组件,或者想要修改组件内部配置的标签名称,可以通过自定义语言库的方法覆盖或者合并到当前语言库中。 **1)自己配置语言库** exampleEn.js ``` export default { ngform: { example: 'Example' } } ``` **2)在组件库中获取当前的中文库进行合并** ``` import { locale } from 'ng-form-element' const localeEn = locale.langs.en import exampleEn from './locale/en.js' const mergeEn = deepmerge(localeEn, exampleEn, { clone: true }) // 注册组件库时将当前合并后的语言放入配置 Vue.use(NgFrorm , {locale: mergeEn ) ```