el-select下拉框不同证件类型校验思路

vue+element ui

需求：
分为个人证件类型和企业证件类型，例如个人的：身份证、户口本、护照等，企业的：组织机构代码、统一社会信用代码。根据选择不同的证件类型需要有相对应的证件号码校验规则

思路：
1、el-select触发change事件时 拿到当前选择的证件类型码值 eg:“129999” 居民身份证
(每种证件类型有自己的码值)

2、写个公共方法 传入证件码值type 根据不同码值 返回相应的校验规则ruleType eg:“IDCard” 走不同正则 报不同错

3、(将"IDCard"给certRulesType)
:rules=“fiter_rules({required: true, type: certRulesType, maxLength: 128})”
type的certRulesType是变量

4、如果选择其它证件类型时 清空已填的证件号码 重置data里的this.certRulesType

细节问题：
客户身份信息 因为是可添加的 循环出来的 ===> certRulesType[index]
不循环data里直接定义为 空字符串即可 certRulesType: ’ ’ 循环定义为数组

当选择改变的时候 需要清空certNo 证件号码 el-select新增自定义方法
@inputChange(val, oldVal) => { changeCertType(val, oldVal, index) }

(项目涉及保密 不能挂代码 先把思路记录下)