Skip to content

组件内部验证

通过自定义属性componentValidate可以实现在自定义组件内部进行表单验证

类型

ts
//可以自定义组件内方法的名称,默认为`formCreateValidate`
type ComponentValidate = string | boolean;

注意

UI框架不同,验证的实现方式存在差异,详细请查看对应UI官方文档中表单验证规则里面的validator实现方式!!!

教程

  1. 在自定义组件内部实现formCreateValidate方法
js
{
    methods: {
        formCreateValidate(rule,value,callback) {
            //todo 验证
            if('form-create' === value){
                callback()
            }else{
                callback('请输入`form-create`')
            }
        }
    }
}
  1. 设置componentValidate属性
js
{
    effect: {
        componentValidate: true
    }
}

示例