首页 > 其他 > 详细

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

时间:2020-03-13 14:06:40      阅读:199      评论:0      收藏:0      [点我收藏+]

自定义校验规则

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

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

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

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!