5分钟快速实现Element通过v-for循环渲染的form表单验证

**

v-for 循环的表单校验

**
重点:prop的处理和rules是处理

在我们的业务开发中,有时候会经常遇到动态v-for循环渲染出el-form-item,那么这些动态生成的el-form-item如何来进行表单验证呢,在这里我们讲一哈:
下图是我的实际项目的例子:5分钟快速实现Element通过v-for循环渲染的form表单验证
5分钟快速实现Element通过v-for循环渲染的form表单验证

1、因为动态创建的el-form-item,所以循环出来的标识prop是我们用模板字符串拼接的动态prop

2、我们需要在对动态的每一条el-from-item单独的加上rules验证规则(注:这里刚开始做的时候我是在el-form上加rules,所以一直对动态生成验证的不生效)

注:标识prop要和rules里面的参数保持一致性,并且是表单域 model 字段!!!

上一篇:linux串口创建rules


下一篇:Ubuntu详解