vue2表单校验：添加自定义el-form表单校验规则

前言

在vue2表单校验：el-form表单绑定数组并使用rules进行校验_vue2 rules校验-优快云博客中，使用form原生的rules对表单中每个控件的必填、格式等做了校验。但是保存时，除了验证每一个控件的输入合乎要求外，还需要验证控件之间的数据合规性，针对这个案例，就是其中的人员是否重复（本文代码接上文）。

需求

1. 需要用户填写一系列人员，不设上限，但是至少填写一个。
2. 每个人员信息包含人员名称和电话号码
3. 希望页面“人员”前面添加必填项标识
4. 希望检查人员姓名和手机号码是否填写，格式是否符合规范，并给出合理提示
5. 所添加的人员不能重复，即姓名和手机号不能都相同。

解决方案

要验证人员是否重复，可以一边输入一遍检查，也可以在保存的时候一次性检查。添加自定义校验方法，便可以在输入时进行检查。

1、在数组校验信息中