首页 > 其他分享 >el-form 自定义验证规则,手动触发某项验证

el-form 自定义验证规则,手动触发某项验证

时间:2023-07-19 17:23:11浏览次数:28  
标签:el 触发 自定义 验证 ...... value callback

1. ui

<el-form ref="xXXForm" :rules="XXXFormRules" >
	 <el-form-item label="图片" prop="xxx">
	 </el-form-item>
</el-form>

2. 变量初始化

export default {
  data() {
  return {
		......
		XXXFormRules: {
			......
			xxx: [
				{
					required: false,
					validator: isEmptyRule,
					trigger: 'change'
				}
			],
			......
		},
		......
	}
}

 

验证方法:

 

	const isEmptyRule = (rule, value, callback) => {
		if (value == null || value == "") {
			callback(new Error('请上传图片')) // 一定要写 callBack()
		} else {
			callback()
		}
	};

 

  

3. 手动触发

this.$refs.xXXForm.validateField('xxx');

  

标签:el,触发,自定义,验证,......,value,callback
From: https://www.cnblogs.com/uoky/p/17566224.html

相关文章

  • vue+element-ui 点击表格某一行,展开内容
    正常情况下,表格中想要展开某一行只能通过点击最前面的小箭头,如果想要实现点击某一行后直接展开,那么首先,就要先了解这几个属性:row-key的值只能是表格中某一列的key,而expand-row-keys数组里保存的则是所有展开行的row-key值,假如设置row-key=“id”,那么expand-row-keys数组......
  • Elasticsearch查询
    Elasticsearch查询什么是Elasticsearch?Elasticsearchisareal-time,distributedstorage,search,andanalyticsengineElasticsearch是一个实时的分布式存储、搜索、分析的引擎。介绍那儿有几个关键字:实时分布式搜索分析于是我们就得知道Elasticsearch......
  • 最短路之 Bellman-ford 算法
    bellman-ford算法的思想:若有向图有n个点,m条边。扫描所有边,对每条边进行一次松弛(即对a,b为端点,权重为w的边,dist[b]=min(dist[a],dist[a]+w))重复此流程(最多重复n次)直到没有更新操作发生例题1bellmanford板子给你一张n个顶点m条边的有向简单图,顶点编号从1到......
  • php导出带加密的excel
    最近需要用yii2做一个导出excel带密码设置的功能,找了好多都没有达到目的,后来终于在git找到了一个,不过得php版本7.4以上https://github.com/nick322/secure-spreadsheet$objWriter=newXlsx($objPHPExcel);$file_path=$title.'.xlsx';$objWriter->save......
  • Sobel edge detector python pytorch
    实现Sobel边缘检测器的PythonPyTorch方法介绍在本文中,我将向你介绍如何使用Python和PyTorch实现Sobel边缘检测器。Sobel边缘检测器是一种经典的计算机视觉算法,用于检测图像中的边缘。通过学习本文,你将了解到整个流程以及每一步所需的代码。流程下面是实现Sobel边缘检测器的整......
  • element-ui pagination分页组件 点击一次页面跳转触发两次current-change请求
    在项目中使用element编写前端页面时,发现在使用pagination分页组件的时候,出现一个坑。情况是每一次点击页面切换,都会重复触发两次页面切换current-change事件。无论是点击后面的页码或者是下一页或者是跳转到某个页面都会触发两次。第一次正常触发,第二次触发后会返回首页。经过多......
  • Cisco SD-WAN (Viptela)
     CiscoSD-WAN(Viptela) 1.  思科SD-WAN融合计划viptela主要产品线有两条:1条,在国外,思科云可直接部署,独立运营团队;1条,在中国viptela不支持思科云方式部署,只支持自建三件套; phase1:   优点:维持Viptela既有产品模式和支持体系。   技术细节:平台,维持既有xEdge;管理......
  • JAVA-- 在Java8 Parallel Stream中如何自定义线程池?
    使用ParallelStream时,在适当的环境中,通过适当地使用并行度级别,可以在某些情况下获得性能提升。如果程序创建一个自定义ThreadPool,必须记住调用它的shutdown()方法来避免内存泄漏。ParallelStream默认使用的线程池如下代码示例,ParallelStream并行处理使用的线程池是ForkJoi......
  • mybatis 中 if else 用法
    mybaits中没有else要用chosewhenotherwise代替下面就是MyBatis中的if....else...表示方法<choose><whentest="">//...</when><otherwise>//...</otherwise></choose> 例子<selecti......
  • elasticsearch 聚合函数求和、求平均值
    按dlmc字段分组,对tbmj字段求和、求平均值{"aggs":{"group_by_dlmc_sum":{"terms":{"size":1000,"field":"dlmc.keyword"},......