element中表单自定义校验规则的使用

自定义校验规则

export default {
  data(){
    var EmptyValidator = (rule, value, callback) => {
      if (value !== "" && String(value).trim() === "") {
        callback(new Error("输入无效"));
      } else {
        callback();
      }
    };
    return {
      aa:"",
      bb:"",
      rules:{
        name:[
          {
            required: true,
            message: "请输入会议名称",
            trigger: "blur"
          },
          {
            validator: EmptyValidator,
            trigger: "blur"
          }
        ]
      }
    }
  }
}

1. 首先在data中把自定义的校验规则定义出来
2. 在rules中使用即可