element-ui 动态增减表单项怎么做多个不同类型输入框的验证

Question

类似这种新增，一下子新增两个输入框。但是校验不知道怎么写。
不知道有没有大佬遇到过这种场景。或者有更好的解决思路恳请提供一下。

Answer 1

参考这个：https://blog.csdn.net/qq_4020...

Answer 2

你可以把验证规则放到 el-form-item 里边。
类似：ElementUI Form表单动态增减表单项

<el-form-item 
    v-for="(domain, index) in dynamicValidateForm.domains"
    :label="'域名' + index" 
    :key="domain.key" 
    :prop="'domains.' + index + '.value'"
    :rules="{ required: true, message: '域名不能为空', trigger: 'blur' }"
>
    ....
</el-form-item>

也可以点击 DEMO 右下角的在线运行在 CodePen 中调试。