ant-design-for-vue的formmodel验证

 <a-form-model  ref="form"   :rules="rules"  :model='form'
  :form="form"    :label-col="{ span: 2 }"   :wrapper-col="{ span: 10 }">

    <a-form-model-item label="客户:" prop='kehu' >
           <a-input  class="setWidth   placeholder="请输入客户"
             v-model="form.kehu"></a-input>
           </a-form-model-item>
</a-form-model>

methods中填写add方法进行验证 

  add(){
      this.$refs.form.validate(valid => {
        if (valid) {         
          alert('submit!');
        } else {          
         console.log('error submit!!');
          return false;
        }
      });
    },

data(){} 中填写验证

 rules:{
        kehu:[
           { required: true, message: '请输入客户', trigger: 'blur' },
        ]
      }