Element el-form-item 表单有数据却警告'xxxx is required' 如（'userName is required'），导致表单验证不通过

1、警告：

 

 

 2、原因：

 校验必填的值不是form表单的数据(form表单的数据如：

 

 

 

)， 导致表单在验证时找不到userName这个值所以一直警告‘userName is required'， 所以导致表单验证不通过 ；

提交验证form表单

 

 

 

3、解决：

另写校验方法

 rules: {
          userName: [
            {required: true, validator: this.checkUserName, trigger: 'blur'}
          ]
        },
  methods: {
      checkUserName(rule, value, callback){
        value = this.userName;
        if (!value)
          callback(new Error("请选择人员"));
        else
          callback();
      }
}