文章讲述了在前端开发中，如何进行动态表单验证。当表单是通过v-for循环生成时，可以通过结合对象的key值或数组的下标来设置prop，确保校验规则能正确绑定到对应的数据。对于对象循环，使用`key+.对应的key`，而对于数组循环，可以使用`array[index][alarmMax]`这样的语法来定位数据。
一、普通的表单校验直接在最外层<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]`"
扫一扫
3147
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
