组件内部验证
通过自定义属性componentValidate
可以实现在自定义组件内部进行表单验证
类型
ts
//可以自定义组件内方法的名称,默认为`formCreateValidate`
type ComponentValidate = string | boolean;
//可以自定义组件内方法的名称,默认为`formCreateValidate`
type ComponentValidate = string | boolean;
注意
UI框架不同,验证的实现方式存在差异,详细请查看对应UI官方文档中表单验证规则里面的validator
实现方式!!!
教程
- 在自定义组件内部实现
formCreateValidate
方法
js
{
methods: {
formCreateValidate(rule,value,callback) {
//todo 验证
if('form-create' === value){
callback()
}else{
callback('请输入`form-create`')
}
}
}
}
{
methods: {
formCreateValidate(rule,value,callback) {
//todo 验证
if('form-create' === value){
callback()
}else{
callback('请输入`form-create`')
}
}
}
}
- 设置
componentValidate
属性
js
{
effect: {
componentValidate: true
}
}
{
effect: {
componentValidate: true
}
}