首页 > 其他分享 >自定义组件触发element-ui el-form 校验

自定义组件触发element-ui el-form 校验

时间:2023-06-13 14:35:19浏览次数:42  
标签:el form parent componentName 校验 dispatch 自定义

项目使用element-ui 中的 el-form 进行表单校验,表单中含有上传组件,当校验时机设置change时,实际值已经改变,但没有触发校验。
看一下el-select的源码是怎么写的,在watch 监听里当value 改变时,有这么一段代码
this.dispatch('ElFormItem', 'el.form.change', val);

可以引入dispatch函数
dispatch(componentName, eventName, params) {
  var parent = this.$parent || this.$root;
  var name = parent.$options.componentName;

  while (parent && (!name || name !== componentName)) {
    parent = parent.$parent;

    if (parent) {
      name = parent.$options.componentName;
    }
  }
  if (parent) {
    parent.$emit.apply(parent, [eventName].concat(params));
  }
},
也可以
import emitter from 'element-ui/src/mixins/emitter';
  mixins: [emitter],

 this.$emit('input', this.fileId);
      setTimeout(() => {
        this.dispatch('ElFormItem', 'el.form.change', this.fileId);
      });

标签:el,form,parent,componentName,校验,dispatch,自定义
From: https://www.cnblogs.com/7c89/p/17477421.html

相关文章

  • Edge浏览器的JSON格式化插件(FeHelper)不生效
    问题有时候懒得打开ApiPost测试接口,就直接使用Edge浏览器进行接口测试,但是最近格式化出了问题,FeHelper插件的JSON格式化不生效,不对,也不能说是完全不生效吧,测试非本地的接口倒是可以本地接口(奇怪的格式化,好丑......
  • ElementUIplus --- el-menu 菜单折叠的情况下 二级菜单选中 一级菜单lcon 高亮 样式设
    submenu部分代码示例<template><templatev-for="(item,index)inprops.children":key="index"><el-sub-menuv-if="!item.meta.hidden&&item.children":index="item.name"><templat......
  • 如何将 pl/sql Developer 中查询的结果集导出到 Excel . txt . html . xml csv中?
    如何将pl/sqlDeveloper中查询的结果集导出到Excel.txt.html.xmlcsv中?https://blog.csdn.net/fish_boneold/article/details/83919116选中结果集,点击右键选 copytoexcel就可导出到一个临时的excel文件了,如temp001.xls,然后选择文件-另存为保存为我们的文......
  • fastapi ResponseModel
    frompydanticimportBaseModelclassResponseModel(BaseModel):code:int=200msg:str=""success:bool=Truedata:dict=NoneclassTaskResponseModel(ResponseModel):data:dict={"code":200,......
  • 三种方法让.NET轻松实现Excel转PDF
    前一段时间有网友问Excel转pdf怎么转pdf,小编帮他实现了一个,方法是使用EPPlus和PdfSharp组件实现,由于依赖OfficeOpenXml他也没有用上,后来小编又实现了二种不依赖OfficeOpenXml的方法。本文将介绍这三种方法实现Excel转pdf。一、EPPlus和PdfSharp组件实现逻辑是先将Excel内容转换......
  • 前端vue自定义简单实用下拉筛选 下拉菜单
    前端vue自定义简单实用下拉筛选下拉菜单, 下载完整代码请访问: https://ext.dcloud.net.cn/plugin?id=13020效果图如下:   ####使用方法```使用方法<!--titleArr:选择项数组dropArr:下拉项数组@finishDropClick:下拉筛选完成事件--><ccDropDownMenu:tit......
  • Elasticsearch自签证书
    ****如果方式适合安装时没有配置及证书相关配置,而安装后进行的证书自签一、自签证书1、进入工作目录进入容器,bin目录下有生成证书的脚本,路径下文件展示如下(我这里是以docker容器部署的模式演示的)[root@363474ada611elasticsearch]#llbin/total19604-rwxr-xr-x.1......
  • 将JSON数据导入Excel中
    将JSON数据导入Excel中1、将在浏览器中的JSON数据复制出来,在桌面或者其他位置创建一个文本文件,将JSON数据粘贴进去,并将文件名的后缀改为.JSON格式,例如JSON.JSON{"students":[{"name":"JohnDoe","math":90,"science":85,"english&......
  • Elasticsearch8 单机以及集群部署(docker-compose)
    本文以Elasticsearch8.8.0为例,介绍一下单机安装ES,使用docker-compose方式进行便捷管理需要准本docker环境:一键安装脚本 https://www.cnblogs.com/Alay/p/15433473.html需要准备docker-compose环境:一键安装脚本 https://www.cnblogs.com/Alay/p/15433907.html官网阅......
  • Intel Quick Sync Video(QSV)
    安装和使用过程:1.InstallIntelMediaServerStudioforLinux.Downloadfromsoftware.intel.com/intel-media-serverstudio.Thisisaprerequisiteforthe*_qsvcodecsasitprovidesthefoundationforencodeacceleration.Seethenextchapterformoreinfoon......