表单验证validate，遇到readonly不生效

因为用popover嵌套el-table封装组件，我给表单的input加了readonly，结果验证时这项el-form-item不生效。查了好多，什么定时器去掉readonly属性、自定义添加change事件...通通不管用

后来发现还得从根本解决问题，既然element默认的验证不生效，就自己写自定义校验规则

标准格式参考element官方文档

在自定义规则里，

var xxx =（rule,value,callback）=>{

这个根据value或者与input有关的变量的变化判断callback返回

if（错误）{return callback（new Error（"不能为空"）}else{callback（）}}

别忘记写else的callback，否则验证不通过

---

比如我是封装的popover嵌套el-table，input的值是获取el-table多选数组的字符串拼接，当input为空时，自定义校验规则的参数value，因为数据层级太多不为空；而数组第一个元素为空，于是根据array[0]是否为空判断callback

因为是个人记录所以不贴代码了，如果有小伙伴想要再贴