el-form循环对象生成的表单如何校验_el-form循环表单验证

作者：凡人多烦事01 | 2024-02-19 16:28:18

踩

el-form循环表单验证

一、普通的表单校验直接在最外层<el-form> :model="数据" :rules="规则" ，再在<el-form-item>层设置prop值与model里数据定义的key保持一致即可

二、但是很多时候表单也不是写死的，可能是动态生成的，比如我今天遇到的是通过对象循环生成的，这个时候prop要如何定位到对应的数据呢，如下：

v-for循环对象的时候，是可以获得三个参数的，其中第一个参数是对象每一项的value值，第二个参数是每一项的key值，第三个参数是索引值，这里使用:prop="key+'.对应的key'"即可（不要漏了单引号里面的点）

三、循环对象的话是可以获得两个参数，其中第一个是数组的每一项，第二个参数是数组的下标，其实和对象是差不多的，v-for="(item,index) in array" , :prop="`array[${index}][alarmMax]`"

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/凡人多烦事01/article/detail/115755