element 数组循环校验及自定义校验

重点需要填写的
注意 element校验模块 必须是object 所以把 把list放到ruleForm里面

<!--
 * @Author: your name
 * @Date: 2022-03-02 14:45:12
 * @LastEditTime: 2022-03-03 09:36:26
 * @LastEditors: Please set LastEditors
 * @Description: 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
 * @FilePath: \pbzj_front_m\src\pages\extraction\components\BatchList.vue
-->
<template>
    <div>
        <el-dialog
            title="批量导入回避单位"
            :visible.sync="dialog"
            width="900px"
            :close-on-click-modal="false"
            :before-close="handleClose"
        >
            <div class="batch-wrapper">
                <el-form ref="ruleForm" :rules="rules" :model="ruleForm" >
                    <el-row v-for="(item,index) in ruleForm.batchList" :key="index">
                        <el-col :span="8">
                            <el-form-item
                                :prop="`batchList.${index}.legalName`"
                                :rules="{
   
                                    required: true,
                                    message: '回避单位名称不能为空',
                                    trigger: 'blur',
                                }"
                            >
                                <el-autocomplete
                                    class="inline-input"
                                    v-model="item.legalName"
                                    style="width: 270px; margin-right: 20px"
                                    :fetch-suggestions="querySearch"
                                    placeholder="请输入单位名称"
                                    :trigger-on-focus="false"
                                    @select="handleSelect"
                                    @change="handleChange(index)"
                                    @input="handleInput"
                                ></el-autocomplete>
                            </el-form-item>
                        </el-col>
                        <el-col :span="8">
                            <el-form-item
                                :prop="`batchList.${index}.legalCode`"
                                :rules="rules.legalCode"
                            >
                                <el-input
                                    v-model="item.legalCode"
                                    minlength="18"
                                    maxlength="18"
                                    style="width: 270px; margin-right: 20px"
                                    onkeyup="value=value.replace(/[^\w\.\/]/ig,'')"