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();
      }
}