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

时间:2020-03-13 14:06:40   收藏:0   阅读:200

自定义校验规则

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

原文:https://www.cnblogs.com/my466879168/p/12485857.html

评论(0
© 2014 bubuko.com 版权所有 - 联系我们:wmxa8@hotmail.com
打开技术之扣,分享程序人生!