Vue ElementUI——Form表单自定义校验规则遇到的坑

初次使用 ElementUI，发现很多需要注意的点，一不留神就会出现自己给自己埋下的坑。

本次主要讲解 Form 表单中，自定义校验规则中的注意点。

先来看一下埋坑代码

以上代码是ElementUI中自定义校验手机号的使用，此时代码不会报错，但在提交表单时，用到validate方法对整个表单进行校验，会发现这个方法不会执行，百思不得姐啊。。

接下来一起来填坑

自己埋下的坑，自己总要解决的 ~
先对官方demo 进行解析，发现自定义校验规则中（图一），无论校验是否通过，都必须执行cb()回调函数，抱着试一试的心态尝试在校验成功后也执行cb()回调函数，结果真成了，代码成功跑通，表单顺利提交。
修改后的代码：

加上图中标注的cb()回调函数，即可解决ElementUI中自定义表单验证，不报错也无法提交的问题。

最后，给大家推荐上述用到的代码生成图片神器

一款可创建并共享源代码的精美图片生成器 carbon： https://carbon.now.sh/

更多好用插件、神器，请猛戳底部链接

插件、神器地址：插件大全