>[success] # 更新模型 ~~~ 1.随着业务逐渐在使用,'element-ui' 和 'iview'等 一系列'ui-框架',我们的模型 也需要对应这些框架做对应的升级 ~~~ >[danger] ##### 升级'BaseModel' [async-validator](https://github.com/yiminghe/async-validator) 这类框架基于的验证库 ~~~ 1.例如'element-ui' 使用方法' { validator: validatePass2, trigger: 'blur' }' 其中'validatePass2' 是自定义的验证方法,我们更具这个条件来改进我们 'BaseModel' 只要保证'validatorOf' 返回的是等价'validatePass2'这种格式 var validatePass2 = (rule, value, callback) => { if (value === '') { callback(new Error('请再次输入密码')); } else if (value !== this.ruleForm.pass) { callback(new Error('两次输入密码不一致!')); } else { callback(); } }; ~~~ * 公司版本 ~~~ class ValidatableObject { // 查当前类生成的实例,对应的指定字段映射的验证类 decoratorsOf( property, metaKey = KEY_DECO_VALIDATORS) { const rs = Reflect.getMetadata(metaKey, this, property) return Array.isArray(rs) ? rs : [rs] } validatorOf(property, args) { const self = this return async function(rule, value, callback) { const vArr = self.decoratorsOf(property, KEY_DECO_VALIDATORS) if (vArr) { const val = self[property] for (const it of vArr) { if (!(await it.validate(val, args))) { callback(new Error(it.errorMessage)) return } } } callback() } } } ~~~ * 个人认为实际有用版本 ~~~ import {KEY_DECO_VALIDATORS} from '../untils/decorators' export default class BaseModel{ // 查当前类生成的实例,对应的指定字段映射的验证类 decoratorsOf( property, metaKey = KEY_DECO_VALIDATORS) { const rs = Reflect.getMetadata(metaKey, this, property) return Array.isArray(rs) ? rs : [rs] } validatorOf(property, args) { return async (rule, value, callback)=> { const vArr = this.decoratorsOf(property, KEY_DECO_VALIDATORS) if (vArr) { const val = this[property] for (const it of vArr) { if (!(await it.validate(val, args))) { callback(new Error(it.errorMessage)) return } } } callback() } } } ~~~