首页 > 其他分享 >el-form的对象数组数组校验

el-form的对象数组数组校验

时间:2024-01-31 14:37:10浏览次数:26  
标签:el form fForm 校验 item 数组

el-form绑定的是一个对象,但在有些时候提交的表单中会有数组数据,校验有点不符合常理

例如这样的一个表单,付款方是个数组,这种怎么校验呢。上代码

用的循环el-form, :model绑定循环的item,也就是数组中的单个对象,然后prop绑定参数,rules正常写,

然后提交的时候,因为el-form是循环的,所以用ref绑定的fForm是一个数组,要循环校验

fForm.value.forEach((item: any) => {
    item.validate((vali: boolean) => {
        if (vali){
            // 校验通过
        }
    })
})

这样就能对数据进行校验了,校验过了trueNum+1,最后跟fForm的长度作比较,小于的话就是有没通过校验的,等于就说明校验全通过了

let trueNum: any = 0
fForm.value.forEach((item: any) => {
    item.validate((vali: boolean) => {
        if (vali){
            trueNum ++
        }
    })
})
setTimeout(() => {
    if (trueNum == fForm.value.length){
        // 发送请求
        setSubParams()
    }else {
        ElMessage.warning('付款信息不能为空!')
    }
},300)

 

标签:el,form,fForm,校验,item,数组
From: https://www.cnblogs.com/alannero/p/17999176

相关文章

  • 李宏毅《机器学习》总结 - Transformer
    前言当时老师要求我做transformer和self-attention的ppt,结果当时在训练ACM没大有时间,就弄了个质量不高的,不出意外的被喷了。。。现在回头看看当时做的整体没有大问题,但是由于知识没有连贯起来导致有些地方没有提到,也没有形成一个比较完整的架构。Transformer能做的任务......
  • macos签名报错——unable to build chain to self-signed root for signer
    自己的解决方案,先把两个证书都给安装上  这个组织单位我是装G2因为公司的证书这边组织单位填的是G2   然后再装自己的两个证书installer和application就搞定了这边要注意的是如果依旧无效的话,可以先把自己的这几个证书给删了,然后再装,正常就好了。。。我也是......
  • js中对数组的unshift是什么操作,为什么使用unshift进行命名?
    在JavaScript中,unshift()是数组对象的一个原生方法,它用于向数组的开头添加一个或多个元素,并将原有的数组元素依次向后移动。这个方法会改变原始数组本身,同时返回新的数组长度。在英语中,“unshift”不是一个标准的单词,但我们可以将其拆解为“un-”和“shift”。其中:“un-”是......
  • MySQL Shell 8.0.32 for GreatSQL编译二进制包
    MySQLShell8.0.32forGreatSQL编译二进制包构建MySQLShell8.0.32forGreatSQL0.写在前面之前已经写过一篇前传MySQLShell8.0.32forGreatSQL编译安装,最近再次编译MySQLShell二进制包时,发现了一些新问题,因此重新整理更新本文档。1.几处新问题这次编译MySQLShe......
  • el-color-picker 样式修改:去掉确定按钮,失去焦点生效
    分析el-color-picker样式如下:操作:隐藏确定按钮;点击组件外区域时,实现确定功能。解决隐藏确定按钮添加自定义类名popper-class="my-color-picker",然后添加如下全局样式:<stylelang="scss">//隐藏确定按钮.my-color-picker.el-color-dropdown__btns.el-color-dropd......
  • Xshell7、Xftp7安装破解版教程(亲测可用)
    Xftp7和Xshell7是大家常用的终端工具,让您在访问终端的同时能进行多窗口传输、编辑文件,提高工作效率。下载安装包链接:https://pan.baidu.com/s/1pr-AectkEKEvz0cF0vfi_w?pwd=08aq提取码:08aq软件安装双击下载好的安装包,打开安装向导,选择“下一步”。  请您仔细阅......
  • php 导出excel表格
    <?phpnamespaceapp\common\services;classOfficeExportService{/***导出excelcsv格式*建议使用,导出数据量大的时候csv格式会快很多!!!!!*@paramstring$filename文件名*@paramarray$tileArray表头标题列表格式一维数组[标题1,标题2,......
  • [office] excel表格如何设置公式锁定
    Excel中的公式具体该如何操作才能实现锁定呢?对于新手来说还是有一定难度,怎么办?接下来是小编为大家带来的excel表格公式锁定的方法,欢迎大家来到学习。excel表格公式设置锁定的方法锁定公式步骤1:小编以目前在使用的表格为例,为大家演示。Ctrl+A选定全部单元格,点击右键–......
  • 无涯教程-Label with Continue函数
    在"continue"或"break"语句及其Label名称之间不允许使用换行符。outerloop://Thisisthelabelnamefor(vari=0;i<3;i++){console.log("Outerloop:"+i);for(varj=0;j<5;j++){if(j==3){con......
  • [office] Excel旋转图表的两种方法介绍
    Excel的图表本身是不可以旋转放置的,那么怎么可以通过其他方式来实现对图表的旋转呢?下面我向大家介绍二种方法。步骤一:把图表复制为静态图片1、按“shift”键,单击图表区,然后执行“编辑——复制图片”命令,弹出“复制图片”对话框,然后按确定。2、在一个空白的单元格处,点鼠标右键,然后粘......