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中使用即可