vue-element-ui表单验证走过的坑（表单项明明有值，却总是提示验证失败）

首先，看看官方（https://element.eleme.cn/#/zh-CN/component/form）例子（我就截取部分）：

视图：


    
      
      
    



数据：

 data() {
      return {
        ruleForm: {
          resource: '',
        },
        rules: {          
          resource: [
            { required: true, message: '请选择活动资源', trigger: 'change' }
          ]         
        }
      };

解决方法：prop  ---  data 中ruleForm   ---  rules  ；三者的属性名设置一致！