首页 > 其他分享 >AntDesign自定义校验表单

AntDesign自定义校验表单

时间:2023-06-13 19:11:05浏览次数:39  
标签:自定义 TagValidator 校验 value 表单 AntDesign

                <a-row class="row" :gutter="32">
                    <a-col :span="16">
                        <a-form-item label="场景模板标签" name="tags">
                            <a-tree-select
                                v-model:value="formState.tags"
                                :tree-data="treeData"
                                tree-checkable
                                allow-clear
                                :placeholder="'请选择'"
                            />
                        </a-form-item>
                    </a-col>
                </a-row>


let TagValidator = async (_rule, value) => {
    if(Object.keys(value)?.length === 0) {
        return Promise.reject('请选择场景模板标签')
    }
}

const rules = reactive({
    tags: [
        {validator: TagValidator, required: true, trigger: 'change'}
    ],
})

标签:自定义,TagValidator,校验,value,表单,AntDesign
From: https://www.cnblogs.com/openmind-ink/p/17478518.html

相关文章

  • 如何自定义drf的ValidationError()中的传的内容
     鼠标点击ValidationError(),再点击PyCharm右侧对应两个按钮,找见源码如下 结论:你可以直接传dict或list内容......
  • 微信公众号开发C#系列-8、自定义菜单及菜单响应事件的处理
    本文目录1、概述2、自定义菜单的规则3、自定义菜单接口可实现按钮类型的种类4、创建菜单4.1、创建菜单的接口4.2、使用Senparc.Weixin.MPSDK创建自定义菜单4.3、查询已创建的菜单4.4、删除已创建的菜单5、菜单响应事件的处理5.1、点击菜单拉取消息时的事件推送5.2、击菜单跳转链......
  • 自定义组件触发element-ui el-form 校验
    项目使用element-ui中的el-form进行表单校验,表单中含有上传组件,当校验时机设置change时,实际值已经改变,但没有触发校验。看一下el-select的源码是怎么写的,在watch监听里当value改变时,有这么一段代码this.dispatch('ElFormItem','el.form.change',val);可以引入dispatch函......
  • 前端vue自定义简单实用下拉筛选 下拉菜单
    前端vue自定义简单实用下拉筛选下拉菜单, 下载完整代码请访问: https://ext.dcloud.net.cn/plugin?id=13020效果图如下:   ####使用方法```使用方法<!--titleArr:选择项数组dropArr:下拉项数组@finishDropClick:下拉筛选完成事件--><ccDropDownMenu:tit......
  • Camunda 自定义模型图后 流程节点叠在一起怎么查看
    简单写一下 后面详细补充   根据这个sql语句可以把乱码的数据转码过来SELECTcast(BYTES_ASCHAR)ASBYTES_FROM`act_ge_bytearray`WHEREID_='e4e532d0-c146-11ec-b630-18f22c5016b2'; 把转码后的xml放到CamundaModeler客户端编辑器里面去  ......
  • mapbox添加自定义控件
    需要定义一个类,然后至少重写实现onAdd、onRemove方法,示例如下<template><divref="changeViewRef"@click="changeView"class="changeViewmapboxgl-ctrl"><el-tooltipclass="box-item"effect="dark"......
  • DotNet 自定义模板
    目录DotNet自定义模板创建目录结构template.json生成本地模板使用本地模板生成项目发布到Nuget参考资料DotNet自定义模板创建目录结构下面以artizan-abp-microservice项目为例,解决方案结构:基于该项目创建dotnet模板,首先,创建文件夹templates,所有的项目模板将保存......
  • 拖拽表单设计器有什么功能?
    在办公流程化盛行的当下,拖拽表单设计器也拥有广阔的市场前景。传统表单由于效率低、制作不灵活等缺陷,使得其在办公职场中使用频率越来越低。随着低代码技术平台的快速发展,可视化拖拽式设计器功能越来越完善,也得到了广大新老客户朋友的喜爱和支持。接下来,我们就一起来了解这种表单......
  • 自定义SpringBoot的starter
    1.自定义starter名为my-starter-spring-boot-starter1.1idea中创建一个maven模块groupId为com.exampleartifactId为my-starter-spring-boot-starter起名规范:1.官方starter是spring-boot-starter-xxxx2.自定义starter是xxx-spring-boot-starter依赖如下<?xmlversion="1.0......
  • 012 数据库学习笔记--自定义函数
    自定义函数:根据自己的需要,自定义一些函数分类:标量函数、内嵌表值函数、多声明表值函数标量函数:对单一值的操作,返回单一值;包含beginend创建的时候,指定了函数所有体,调用时也必须指定函数所有者调用时,如果函数中指定了默认值,调用的时候,可使用默认值default代替在语法上r......