记录element验证踩坑：async-validator: [‘region is required‘]

记录一下。在写element下拉框表单验证的时候出现的报错

这个报错中：‘region’指的是名字，错误原因也就是v-model和验证的prop验证名不一致造成的

一定要记得<el-form> 的el-form-item的prop与v-model名字保持一致

注意最外层:model数据嵌套

  <el-form :model="addForm"  :rules="rules" ref="numberValidateForm"   style="position: absolute;bottom: 7%;left: 10%;"  label-position="right"  label-width="100px" class="form">
       <el-form-item  label='单位角色' prop='region'>
          <el-select 
                  placeholder="请选择单位角色"
                  v-model="addForm.region"
                   >
                  <el-option
                    v-for="item in seldata"
                    :key="item.value"
                    :label="item.label"
                    :value="item.value">
                  </el-option>
                </el-select>
       </el-form-item>
       
      </el-form>
 

   rules: {
        region: [
          { required: true, message: "请选择单位角色",  trigger: ['blur','change'] }
        ]
      },
      seldata:[
        {
          value:'建设单位',
          lable:'建设单位'
        },
        {
          value:'施工单位',
          lable:'施工单位'
        },{
          value:'监理单位',
          lable:'监理单位'
        },{
          value:'设计单位',
          lable:'设计单位'
        }
      ],
      addForm:{
         region:''
      }