element 去掉form表单的某一项单个form-Item校验

2023-05-16

// 在执行完相应的方法,立即触发移除校验
this.$nextTick( ()=> {
    this.$refs['form'].clearValidate(['name']);
     this.$refs['form'].clearValidate(['age']);
   })

知识点:

但是可能提示语清不掉:planB

let _field = this.$refs["ruleFormOS"].fields;
      console.log("_field", _field);
      _field.map((i) => {
        if (i.prop === "imageUrl") {
          //通过prop属性值相同来判断是哪个输入框,比如:要移除prop为'imageUrl'
          i.resetField();
          return false;
        }
      });

此时错误提示语就不会出现,动态清除imagesUrlr值会出现效验的问题(提交的时候),当然,有人会问:“那这样清空了,提交时候就不会进行效验了?”,其实提交的时候,调下validate这个验证方法还是会进行效验的。那就自己再处理一下了。

 onSubmit() {
      this.$refs["ruleFormOS"].validate((valid, object) => {
        console.log("valid", valid);
        let osVersionListFlag = this.form.osVersionList.every(
          (value) => value !== ""
        );
        let { system_type, name, imageUrl } = this.form;
        let myValid = osVersionListFlag && system_type && name && imageUrl;
        if (valid || myValid) {
          switch (this.form.operate) {
            case "add":
              this.appendNode();
              break;
            case "edit":
              this.editNode();
              break;
            default:
              break;
          }
        } else {
          console.log("error submit!!");
          return false;
        }
      });
    },

后续跟进中。。。



链接:https://juejin.cn/post/6844903779926556686
 

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

element 去掉form表单的某一项单个form-Item校验 的相关文章

随机推荐

  • goroutine 调度器原理详解 - 进程 线程 协程 之 go语言篇

    一 先理解一下 进程和线程通俗易懂文章 xff1a 1122条消息 线程与进程 xff0c 你真得理解了吗 进程和线程 云深i不知处的博客 CSDN博客 什么是进程 先给一个定义 xff1a 进程是一个具有一定独立功能的程序在一个数据集合上
  • Go语言内存 Go内存 golang内存

    原文 xff1a 一文彻底理解Go语言栈内存 堆内存 360doc com 一 为什么计算机需要内存 代码的本质 xff1a 指令和数据 指令 xff1a 中央处理器CPU可执行的指令 数据部分 xff1a 常量变量等 代码包含了指令 xf
  • 如何卸载Ubuntu软件

    方法 1 使用Synaptic软件包管理器进行卸载 1 打开软件包管理器 Ubuntu自带了一个GUI xff08 Graphical User Interface xff0c 图形化用户界面 xff09 软件包管理器 xff0c 它可以让
  • operator-framework生态之operator-sdk入门和安装 operator实战

    推荐 近期推荐实战 20230424 kubebuilder实战 https www cnblogs com bolingcavalry archive 2021 08 25 15183342 html 推荐阅读 单个CRD所定义的能力是有
  • MATLAB求解接地金属槽内电位分布

    基于MATLAB有限差分法中的迭代法求解接地金属槽内电位分布 要求有限差分法MATLAB编写运行结果全部代码 要求 运用MATLAB求解接地金属槽内点位分布 xff0c 精度 行数M 列数N自己定义 有限差分法 有限差分法是基于差分原理的一
  • 51单片机水位检测

    基于单片机的楼顶水箱水位监控系统设计 大楼的楼顶水箱容量有限 xff0c 要求实时显示其水位 xff0c 自动开停水泵控制水位在合理范围 利用单片机为核心构成控制系统 xff0c 选择传感器检测水位 水泵电机温度 xff08 防止过热损坏
  • 关于HC05 蓝牙模块与与蓝牙模块连接

    两个蓝牙模块配对通信 在通常的电子设计中 xff0c 一般采用蓝牙模块与上位机 xff08 手机 xff09 连接来与电子设备通信 xff0c 实现对电子设备的控制 当然也可以通过WiFi模块等其他通信模块进行通信 这里就介绍一下蓝牙模块之
  • Gazebo配置与控制不同的无人机 仿真

    PX4 Firmware 配置与控制不同的无人机 配置方法控制方法 XTDrone目前支持多旋翼飞行器 xff08 multirotor xff09 固定翼飞行器 xff08 plane xff09 可垂直起降固定翼飞行器 xff08 vt
  • 基于采样的路径规划算法RRT的优化:RRT*,Kinodynamic-RRT*,Anytime-RRT *,Informed RRT *

    基于采样的路径规划算法RRT的优化 RRT 算法Kinodynamic RRT Anytime RRT Informed RRT 关于搜索树按搜索方向生长的计算方法 基本的基于采样的路径规划算法RRT xff0c 在地图中进行采样取点 xf
  • 碰到的bug,解决方法

    问题解决 1 build Error Unable to find source space home xxx src 在新建的工作空间下进行 catkin build 编译工作空间 xff0c 工作空间下没有产生 devel logs b
  • Geometrically Constrained Trajectory Optimization for Multicopters 论文解析

    关于多旋翼几何约束轨迹优化 MINCO 轨迹类几何约束实验 Geometrically Constrained Trajectory Optimization for Multicopters 一文由浙江大学博士 汪哲培 2022年发表在I
  • Fast-planner 和 Ego-planner 比较

    Fast planner 和 Ego planner 比较 Fast PlannerEgo planner Fast planner和Ego planner都是无人机路径规划中常见的算法 xff0c 但它们的实现方式和目标略有不同 Fast
  • Teach-Repeat-Replan: A Complete and Robust System for Aggressive Flight in Complex Environments 论文笔记

    Teach Repeat Replan 飞行走廊生成方法凸多面体膨胀CPU加速GPU加速飞行走廊生成与环路消除 时空全局轨迹优化空间轨迹优化时间轨迹优化 在线局部重规划局部重规划框架 飞行走廊生成方法 围绕 teaching traject
  • ovn实验手册

    参考文档 openstack ovn结合官方文档 ovn实践参考
  • 蓝桥杯 小数第n位 问题的几种解法

    蓝桥杯 小数第n位 问题的几种解法 题目描述解法1 根据手动计算除法的过程 题目描述 我们知道 xff0c 整数做除法时 xff0c 有时得到有限小数 xff0c 有时得到无限循环小数 如果我们把有限小数的末尾加上无限多个 0 xff0c
  • 解决Vmware虚拟机无法打开Ubuntu的问题

    1 xff0c 问题 很多同学会在Window PC机上使用Vmware虚拟机来搭建Linux开发环境 xff08 如Ubuntu xff09 xff0c 使用过程中难免会出现Ubuntu崩溃 异常关闭等现象 xff0c 此时 xff0c
  • antd 表单动态添加表单项编辑回显数据

    在做一些后台管理会用到很多的表单 xff0c 比如动态项表单 xff0c 如下图这样的 话不多说 xff0c 上代码 创建修改版本 import React from 34 react 34 import Form Notification
  • 二进制流文件下载

    在做一些文件下载的时候 xff0c 后端返回的二进制流文件 xff0c 这里前端的兄弟姐妹就需要处理一下了 直接上代码 xff1a 下载 export function download id return request url 96 r
  • ES6数组reduce的妙用

    定义和用法 reduce 方法接收一个函数作为累加器 xff0c 数组中的每个值 xff08 从左到右 xff09 开始缩减 xff0c 最终计算为一个值 reduce 可以作为一个高阶函数 xff0c 用于函数的 compose 注意 r
  • element 去掉form表单的某一项单个form-Item校验

    在执行完相应的方法 xff0c 立即触发移除校验 this nextTick 61 gt this refs 39 form 39 clearValidate 39 name 39 this refs 39 form 39 clearVal