element ui 表单校验

添加校验的方法：
1、给el-form添加rules属性，rules的值是一个对象，每一项是校验规则数组，el-form-item会默认执行prop对应的表单的验证；
2、单独给el-form-item添加属性，如：

:rules="[{ required: true, message: '必填项', trigger: 'change' },{ max: 100, message: '最长为100字符', trigger: 'change' }]"

3、给rules绑定事件，如：

:rules="[{ validator: validateLength, trigger: ['blur','change'] }]"    // validateLength是验证方法
// rule 是校验规则
// value 校验的值
// callback 回调函数
// param  如果value校验不对，可以在param里边找
validateLength(rule, value, callback, param){
  if (value.length>200) {
    callback(new Error('最长为200字符'))
  } else {
    callback()
  }
}

4、大型项目里可以把校验规则放到一个js文件里
https://www.cnblogs.com/xuewuhen/p/7788189.html
5、使用vue-validator校验
https://www.cnblogs.com/chenmeng2062/p/6916499.html
6、使用vee-validate校验
https://segmentfault.com/a/1190000011275513