BUG：vue表单验证校验不报错，必填都有信息，就是不能正常往下进行
vue表单验证未报错却出现异常
- 框架
- bug场景
- 解决办法
框架
UI：element-UI
前端：vue2
bug场景
正常表单里面，有的信息要求必填或者加了一些限制，作为校验验证，只有走到校验才会执行其他行为，比如调用保存接口。
this.$refs.editForm.validate((valid) => {if (valid) {}}
而我遇到的问题是，无论怎么点保存都不会正常往下走，校验状态始终为false，也就是说校验这块有问题。
可是程序页面都没报错，表单信息填写也都没有问题
解决办法
打印this.$refs.editForm.validate，发现写着：
ƒ validate(callback){var _this2=this;if(!this.model){console.warn('[Element Warn][Form]model is required for validate to work!');return;}var promise=void 0;// if no callback, return promise
if(typeof c…
于是我捋了一遍editRules: {}部分，每一个加校验的地方，发现确实有一个少了回调
像这种特殊的校验处理，一定要注意回调问题，特别是判断越多越容易忽略
相关文章：
BUG：vue表单验证校验不报错，必填都有信息，就是不能正常往下进行
vue表单验证未报错却出现异常 框架bug场景解决办法 框架 UI：element-UI 前端：vue2 bug场景 正常表单里面，有的信息要求必填或者加了一些限制，作为校验验证，只有走到校验才会执行其他行为，比如调用保存接…...
MapStruct入门教程详解：轻松掌握Java Bean映射
博主猫头虎的技术世界 🌟 欢迎来到猫头虎的博客 — 探索技术的无限可能！ 专栏链接： 🔗 精选专栏： 《面试题大全》 — 面试准备的宝典！《IDEA开发秘籍》 — 提升你的IDEA技能！《100天精通鸿蒙》 …...
Springboot 集成websocket
webSocket是基于TCP的一种新的网络协议。它实现了浏览器与服务器全双工通信--浏览器和服务器只需要完成一次握手，两者之间就可以创建持久性的连接，并进行双向数据传输。 http协议和websocket协议对比 http是短连接 websocket是长连接 http通信是单向的…...
FPGA和ARM学习那个比较好
FPGA和ARM是两种不同的技术，具有不同的应用领域和学习难度。以下是对两者进行比较的一些建议： 1. 应用领域：FPGA主要用于数字电路设计和硬件加速器开发，可在实时系统、信号处理、嵌入式系统等方面发挥重要作用。ARM则是一种处理器…...
你知道 Java 线程池的原理吗？
Java线程池是用于管理和复用线程的机制，它可以帮助开发者有效地管理线程的生命周期和资源，并提高应用程序的性能和稳定性。 1. 线程池概述 在计算机科学中，线程池是一种可用来执行异步任务的线程队列。它主要包含以下几个组成部分ÿ…...
numpy学习笔记（1），不定期更新
在对numpy进行了几个小时的学习后，做出如下学习笔记 1. numpy类型入门 写完这边笔记后，过了几天补充一些理解： numpy处理的主要内容是数组，一维的，二维的，三维的，多维的。numpy的数组与python原…...
如何使用静态IP代理解决Facebook多账号注册并进行网络推广业务？
在当今的数字时代，社交媒体成为了企业进行网络推广的一个重要途径，其中，Facebook是最受欢迎的社交媒体之一，因为它可以让企业通过创建广告和页面来推广他们的产品或服务。 但是，使用Facebook进行网络推广时࿰…...
局部适配器在产品和二次开发中的应用
局部适配器这个说法是本人从产品项目中总结出的一种叫法。原理是在产品项目的某一项业务处理时，嵌入抽象方法和默认实现，以便产品作二次开发时，不用迁分支或重写就适配修改产品工程的局部逻辑。该方法使用原理很简单，但好处明显&a…...
C++之类和对象（上）
目录 1.面向过程和面向对象初步认识 2.类的引入 3.类的定义 4.类的访问限定符及封装 4.1访问限定符 4.2 类的两种定义方式 第一种： 第二种： 4.3封装 5.类的实例化 6.类对象模型 1.面向过程和面向对象初步认识 C语言是面向过程的，…...
Linux 测试磁盘读写速度
1、先熟悉两个特殊的设备： （1）/dev/null：回收站、无底洞。 （2）/dev/zero：产生字符。 2、测试磁盘写能力 time dd if/dev/zero of/testw.dbf bs4k count100000 因为/dev//zero是一个伪设备…...
【YOLOv8】Yolov5和Yolov8网络结构的分析与对比
目录 一 YOLOv5 二 YOLOv8 yolo通常采用backbone-neck-head的网络结构。 Backbone 主要负责从输入图像中提取高层次的语义特征,常包含多个卷积层和池化层，构建了一个深层次的特征提取器。Neck通常用来进一步整合与调整backbone提取的特征，有利于将不同…...
无人机低空数字摄影测量系统
一、 系统概述 系统完全基于IDL设计实现，包括界面布局到人机交互再到底层核心函数功能。整体设计框架基于数字摄影测量的专业处理流程，实现了数据输入、数据预处理、影像信息检测、空间定向、地形三维建模、专题信息提取、成果输出与更新等功能。同时为…...
Disk Drill Enterprise for Mac v5.5.1515数据恢复软件中文版
Disk Drill 是 Mac 操作系统固有的Mac数据恢复软件：使用 Recovery Vault 轻松保护文件免遭意外删除，并从 Mac 磁盘恢复丢失的数据。支持大多数存储设备，文件类型和文件系统。 软件下载：Disk Drill Enterprise for Mac v5.5.1515激…...
day55 最长递增子序列 最长连续递增子序列 最长重复子数组
题目1 300 最长递增子序列 题目链接 300 最长递增子序列 题意 找到整数数组nums的最长严格递增子序列的长度（子序列并不改变原始的顺序，但是可以删除元素） 动态规划 动规五部曲 1）dp数组及下标i的含义 dp[i] 表示以nums[i…...
使用Springboot配置生产者、消费者RabbitMQ？
生产者服务 1、引入依赖以及配置rabbitmq 此时我们通过使用springboot来快速搭建一个生产者服务 <dependency><groupId>org.springframework.boot</groupId><artifactId>spring-boot-starter-amqp</artifactId> </dependency> applica…...
代码随想录算法训练营第46天|139.单词拆分、多重背包问题
139.单词拆分 题目链接：单词拆分 题目描述：给你一个字符串 s 和一个字符串列表 wordDict 作为字典。如果可以利用字典中出现的一个或多个单词拼接出 s 则返回 true。 **注意：**不要求字典中出现的单词全部都使用，并且字典中的单词…...
数组与伪数组的区别
大家都知道，在js中使用 document.querySelectorAll(选择器）获取到的为该选择器能选择到的所有元素组成的伪数组，所谓伪数组，就是外表和数组一样，能够使用索引遍历，但本质是对象。 数组与伪数组之间的区别&…...
Java集合List
List特有方法 经典多态写法 // 经典的多态写法 List<String> list new ArrayList<>();常用API：增删改查 // 添加元素 list.add("Java"); // 添加元素到指定位置 list.add(0, "Python");// 获取元素 String s list.get(0);// 修改…...
elasticsearch基础命令
1 字段分词分析: GET /store_info_data/_analyze {"field": "storeName","text":"20pilapala0" }2 精确查找,去除评分 GET /store_info_data/_search {"query": {"constant_score": {"filter": {&quo…...
Capture One 23 Enterprise for Mac中文版 全面的图像处理工具
Capture One 23 Enterprise for Mac中文版一款专业的图像编辑和管理软件，具备强大的功能和工具，适用于摄影师、摄影工作室和专业用户。 软件下载：Capture One 23 Enterprise for Mac中文版下载 该软件为用户提供了全面的图像处理工具…...
使用rpicam-app通过网络流式传输视频)
树莓派超全系列教程文档--(62)使用rpicam-app通过网络流式传输视频
使用rpicam-app通过网络流式传输视频 使用 rpicam-app 通过网络流式传输视频UDPTCPRTSPlibavGStreamerRTPlibcamerasrc GStreamer 元素 文章来源： http://raspberry.dns8844.cn/documentation 原文网址 使用 rpicam-app 通过网络流式传输视频 本节介绍来自 rpica…...
ETLCloud可能遇到的问题有哪些？常见坑位解析
数据集成平台ETLCloud，主要用于支持数据的抽取（Extract）、转换（Transform）和加载（Load）过程。提供了一个简洁直观的界面，以便用户可以在不同的数据源之间轻松地进行数据迁移和转换。…...
WordPress插件：AI多语言写作与智能配图、免费AI模型、SEO文章生成
厌倦手动写WordPress文章？AI自动生成，效率提升10倍！ 支持多语言、自动配图、定时发布，让内容创作更轻松！ AI内容生成 → 不想每天写文章？AI一键生成高质量内容！多语言支持 → 跨境电商必备&am…...
docker 部署发现spring.profiles.active 问题
报错： org.springframework.boot.context.config.InvalidConfigDataPropertyException: Property spring.profiles.active imported from location class path resource [application-test.yml] is invalid in a profile specific resource [origin: class path re…...
初学 pytest 记录
安装 pip install pytest用例可以是函数也可以是类中的方法 def test_func():print()class TestAdd: # def __init__(self): 在 pytest 中不可以使用__init__方法 # self.cc 12345 pytest.mark.api def test_str(self):res add(1, 2)assert res 12def test_int(self):r…...
力扣热题100 k个一组反转链表题解
题目: 代码: func reverseKGroup(head *ListNode, k int) *ListNode {cur : headfor i : 0; i < k; i {if cur nil {return head}cur cur.Next}newHead : reverse(head, cur)head.Next reverseKGroup(cur, k)return newHead }func reverse(start, end *ListNode) *ListN…...
HubSpot推出与ChatGPT的深度集成引发兴奋与担忧
上周三，HubSpot宣布已构建与ChatGPT的深度集成，这一消息在HubSpot用户和营销技术观察者中引发了极大的兴奋，但同时也存在一些关于数据安全的担忧。 许多网络声音声称，这对SaaS应用程序和人工智能而言是一场范式转变。 但向任何技…...
永磁同步电机无速度算法--基于卡尔曼滤波器的滑模观测器
一、原理介绍 传统滑模观测器采用如下结构： 传统SMO中LPF会带来相位延迟和幅值衰减，并且需要额外的相位补偿。 采用扩展卡尔曼滤波器代替常用低通滤波器(LPF)，可以去除高次谐波，并且不用相位补偿就可以获得一个误差较小的转子位…...
系统掌握PyTorch：图解张量、Autograd、DataLoader、nn.Module与实战模型
本文较长，建议点赞收藏，以免遗失。更多AI大模型应用开发学习视频及资料，尽在聚客AI学院。 本文通过代码驱动的方式，系统讲解PyTorch核心概念和实战技巧，涵盖张量操作、自动微分、数据加载、模型构建和训练全流程&#…...
VisualXML全新升级 | 新增数据库编辑功能
VisualXML是一个功能强大的网络总线设计工具，专注于简化汽车电子系统中复杂的网络数据设计操作。它支持多种主流总线网络格式的数据编辑（如DBC、LDF、ARXML、HEX等），并能够基于Excel表格的方式生成和转换多种数据库文件。由此&…...