前言
在做复杂的动态表单,实现业务动态变动,比如有一条需要动态添加的el-form-item中包含了多个输入框,并实现表单验证,但在element-ui组件库中给出的表单校验中没有这样的格式,解决方法可参考文章:Element-UI 实现动态增加多个输入框并校验。
如果不想要固定格式的动态增加表单,且增加表单的类型不同,比如按钮开关、文本输入框、数字输入框,想要自由增加不同类型的表单并验证,可以参考文章:Element-UI 实现动态增加多个不同类型的输入框并校验(双重v-for表单验证)。
在上面的内容,我们是通过代码来添加组件类型,从而定制成模板使用,缺点是每个输入框类型都需要代码定义,非常繁琐。在这基础上,我们将代码升级成通过前端选择组件类型控制其他组件的类型,在前端中模板通用,在代码中组件通用,还可以在前端模板中轻松定制更多参数模板,下文将做讲解。
<