笔记-vue 循环的表单校验

项目中经常会遇到一些表单控件是循环生成的，也需要进行校验

<a-row v-for="(item,index) in detail.children" :key="index">
            <a-col :span="11">
              <a-form-item :name="['children',index,'deviceId']" :rules="{required: true,message:'不能为空',trigger:'blur'}" :label="detail.children.length > 1 ? `设备${index+1}编号` : `设备编号`">
                <a-input v-model:value="item.deviceId"></a-input>
              </a-form-item>
            </a-col>
            <a-col :span="11">
              <a-form-item :name="['children',index,'deviceName']" :rules="{required: true,message:'不能为空',trigger:'blur'}" :label="detail.children.length > 1 ? `设备${index+1}名称` : `设备名称`">
                <a-input v-model:value="item.deviceName"></a-input>
              </a-form-item>
            </a-col>
          </a-row>