当我们的数据是v-for循环出来的，要想表单验证生效，可就没那么简单了，下面一起来看看实现方式吧！
常见报错：please transfer a valid prop path to form item
一般情况下，只要我们的prop里面的值和v-model中的值一一对应，表单验证变会生效，如下例子所示：
但是有时候会出现表单中的input框是动态增加或删除的，这时候该怎么实现表单验证呢？
A.修改prop值
主要是prop值，prop中的第一个值要为遍历数据中的other,中间拼接索引，然后拼接v-model中的值，如下例子所示：
：prop=" 'other.' + index + '.otherCharges' 注意这个小数点一定不能楼掉，漏掉就会报如下的错
please transfer a valid prop path to form item
B.单独为当前数据添加表单验证
还有要注意的就是表单验证的rules要写在当前验证的那个<el-form-item>内，否则无法生效
当我们的数据是v-for循环出来的，要想表单验证生效，可就没那么简单了，下面一起来看看实现方式吧！ 常见报错：pl...
项目中使用element的表单作为查询筛选条件，表单是通过v-for循环生成的，数据绑定实现了，但是无法添加验证，...
element-ui 中，新添加的表单v-for不能rules验证，上代码：
表单校验 通过Element中Form组件的表单验证功能[https://element.eleme.cn/#/z...
Form 组件提供了表单验证的功能，只需要通过 rules 属性传入约定的验证规则，并将 Form-Item 的 ...
1.1.功能需求 使用element的表单验证方式，动态for循环的场景的使用？如下图所示：1564201860(...
注意事项：注意事项中每一步都要遵守，否则就不会生效！！！循环的数组和其他表单项在同一个
表单验证的时候：1：prop改为 ：prop，形式为’List.’+index+’.startDate’2：Lis...
element-ui 的表单使用正则验证
问题描述 在项目开发中，我们经常会遇到表单保存的功能，在表单保存前，常常需要做表单必填项的校验，校验通过以后才去发...
本文标题：element中实现v-for循环出来的表单验证
本文链接：https://www.haomeiwen.com/subject/wfrzwqtx.html
网友评论