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

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

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

el-form循环对象生成的表单如何校验_第1张图片

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

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

你可能感兴趣的:(vue.js,elementui,javascript)