elementUI表单自定义校验规则

1、自定义校验规则

• 是否必填： required: true || fasle
• 效验消息提示：message: “提示信息”
• 效验触发方式：trigger：“change” || “blur”
• 根据正则表达式验证： pattern
• 最大长度和最小长度： max = 10 和 min = 1
• 数据转换：transform（value）{return}
• 自定义校验功能：validador: fn(rule, value, callback)

2、绑定校验方法

1. 在中添加属性 :rule=“rules”；
2. 在中添加prop属性，将属性值对应写在rules规则中。

3、添加校验

• 方法一：直接在index.vue页面中用 pattern 进行正则表达式验证
  
• 方法二：直接在index.vue页面中的data里面定义验证方法

4、清除校验规则