首页 > 其他分享 >antdvue对a-form自定义组件进行校验

antdvue对a-form自定义组件进行校验

时间:2023-01-18 15:46:51浏览次数:43  
标签:antdvue 触发 自定义 form 校验 组件

在form表单中引入自定义组件时,并打算对其值进行校验,可是使用rules字段时,发现大多都校验不了

表单默认触发change事件,我们需要在自定义组件中触发form提供的onFieldChange事件

事例如下:

import {Form} from "ant-design-vue";
const formItemContext = Form.useInjectFormItemContext();
// 更新值 const updateValue = () => { emits("update:value", value); formItemContext.onFieldChange(); // 触发change事件 }

 

 

标签:antdvue,触发,自定义,form,校验,组件
From: https://www.cnblogs.com/zjwmmx/p/17059934.html

相关文章

  • 【转】WPF 菜单Menu的自定义样式
    菜单Menu的自定义样式:页面代码:<MenuHeight="50"Name="menu1"Width="50"VerticalAlignment="Center"HorizontalAlignment="Center"Foreground="{x:Null}"Backgrou......
  • Azure ARM (27) 自定义Role,只能创建MySQL Flexible Server资源
    《WindowsAzurePlatform系列文章目录》 用户这里有个新的需求,自定义Role,只能创建MySQLFlexibleServer资源和PrivateDNSZone,不能创建资源资源。可以......
  • 第四十八章 使用 ^SystemPerformance 监视性能 - 生成配置文件
    第四十八章使用^SystemPerformance监视性能-生成配置文件生成配置文件可以使用以下API命令快速生成新的配置文件(具有有意义的名称和描述):setrc=$$genprofile^Sys......
  • jQuery(自定义动画/导航动态显示效果)
    视频自定义动画<!DOCTYPEhtml><html><head><metacharset="UTF-8"><title>24_自定义动画</title><styletype="text/css">*{margin:0px;......
  • 自定义react项目脚手架
    呀呀呀呀,快过年啦,开心!而且之前一直想做的2个事,一个从0到1自定义开发ui组件库(从0到1开发一个自己的ui库)已经做好啦,还有一个做个自定义的脚手架,现在也做好啦。2个flag完成,开......
  • vue的自定义过滤器 - Filter
    vue的自定义过滤器-Filter一、过滤器的介绍二、局部过滤器1.定义2.使用2.1基础用法2.2串联用法2.3接收参数三、全局过滤器1.定义2.使用四、总结一、过滤器的介绍V......
  • Kong网关安装自定义插件
    安装自定义插件需要注意kong网关的版本要求!! 下面以安装Skywalking插件为例,要求Kong网关是2.2及以上版本,https://github.com/apache/skywalking-kong一、下载Skywalking......
  • [Accessibility] Create a Human Readable Time Formatter
    Inthislesson,weareusingHTML,accessibilityconcepts,andARIAattributestoimprovethetimescrubberfeatureofanaudioplayer.Thegoalistomakeit......
  • Django自定义认证系统原理及源码分析解读
    疑问Django在​​如何自定义用户登录认证系统的时候​​,大家都会里面立马说自定义一个或者多个backend,比如通过账号+密码、邮箱+密码,邮箱+验证码、手机号+短信验证码等等......
  • 小满nestjs(第二十二章 nestjs 自定义装饰器)
    在Nestjs中我们使用了大量装饰器decorator,所以Nestjs也允许我们去自定义装饰器。 案例1自定义权限装饰器生成装饰器 nestgd[name]import{SetMetadata}from'@......