本文介绍了如何在Element-UI中动态控制输入组件类型，通过前端选择组件类型来控制其他组件，实现动态表单的创建。文中详细讲解了组件模板的定义，包括组件信息、控制组件的组件以及被控制组件的类型。同时展示了前端模板的定义和使用，提供了一种在前端中模板通用，代码中组件通用的方法，允许在前端轻松定制更多参数模板。
前言
在做复杂的动态表单，实现业务动态变动，比如有一条需要动态添加的el-form-item中包含了多个输入框，并实现表单验证，但在element-ui组件库中给出的表单校验中没有这样的格式，解决方法可参考文章：Element-UI 实现动态增加多个输入框并校验。
如果不想要固定格式的动态增加表单，且增加表单的类型不同，比如按钮开关、文本输入框、数字输入框，想要自由增加不同类型的表单并验证，可以参考文章：Element-UI 实现动态增加多个不同类型的输入框并校验（双重v-for表单验证）。
在上面的内容，我们是通过代码来添加组件类型，从而定制成模板使用，缺点是每个输入框类型都需要代码定义，非常繁琐。在这基础上，我们将代码升级成通过前端选择组件类型控制其他组件的类型，在前端中模板通用，在代码中组件通用，还可以在前端模板中轻松定制更多参数模板，下文将做讲解。
组件模板的定义
定义组件信息
- \components\SelectComponentTypes\Component
订阅专栏 解锁全文
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
