vue的rules验证失效,部分可以部分又失效的原因

news/2024/11/29 20:37:14/

vue的rules验证失效,部分可以部分又失效的原因

很多百度都有,但是我这里遇到了一个特别的,那就是prop没有写全,导致验证某一个失效
例子:
正常写法

 el-form-item....多个省略<el-form-item label="胶币" prop="cost"><el-input v-model="form.cost" type="number" placeholder="请输入胶币"  />
</el-form-item>
<el-form-item label=""  prop="maxNum"><span slot="label">允许人数<span style="font-size: 12px; color: red">(偶数)</span></span><el-input v-model="form.maxNum" type="number" placeholder="请输入允许人数"/>
</el-form-item>
<el-form-item label="参与时间" prop="startTime"><el-date-pickerv-model="startAndEndTime"value-format="yyyy-MM-dd HH:mm:ss"@change="datePickerChange":picker-options="forbiddenTime"type="datetimerange"range-separator=""start-placeholder="开始日期"end-placeholder="结束日期"></el-date-picker>
</el-form-item>

问题的写法

 el-form-item....多个省略<el-form-item label="胶币"><el-input v-model="form.cost" type="number" placeholder="请输入胶币"  />
</el-form-item>
<el-form-item label=""  prop="maxNum"><span slot="label">允许人数<span style="font-size: 12px; color: red">(偶数)</span></span><el-input v-model="form.maxNum" type="number" placeholder="请输入允许人数"/>
</el-form-item>
<el-form-item label="参与时间" prop="startTime"><el-date-pickerv-model="startAndEndTime"value-format="yyyy-MM-dd HH:mm:ss"@change="datePickerChange":picker-options="forbiddenTime"type="datetimerange"range-separator=""start-placeholder="开始日期"end-placeholder="结束日期"></el-date-picker>
</el-form-item>

这里 prop="cost"没有写,就会导致问题,所以要写全,即使不做校验


http://www.ppmy.cn/news/1198339.html

相关文章

【Spring Security】Spring Security 前后端分离认证

我们初步引入了Spring Security&#xff0c;并使用其默认生效的HTTP基本认证来保护URL资源&#xff0c;本章我们使用表单认证来保护URL资源。 前后端分离模式 表单登录配置模块提供了successHandler&#xff08;&#xff09;和failureHandler&#xff08;&#xff09;两个方法…

vite配置.env环境变量文件,开发环境,测试环境,预发布环境,生产环境

在vue2&#xff0c;用的vue-cli脚手架搭建项目&#xff0c;cli用的是webpack 当你yarn dev时&#xff0c;命令会启动package.json中的dev键名的值&#xff0c;也就是后面的一行命令 这时浏览器会去识别你是开发环境还是生产环境&#xff0c;其实windows是不能直接识别你是开发…

33 mysql find_in_set 的实现

前言 这里我们主要是来探讨一下 mysql 中 in 的使用, find_in_set 的使用 这两者 在我们实际应用中应该也是 非常常用的了 测试数据表如下 CREATE TABLE tz_test (id int(11) unsigned NOT NULL AUTO_INCREMENT,field1 varchar(16) DEFAULT NULL,field2 varchar(16) DEFAU…

Python 用户输入和字符串格式化指南

Python 允许用户输入数据。这意味着我们可以向用户询问输入。在 Python 3.6 中&#xff0c;使用 input() 方法来获取用户输入。在 Python 2.7 中&#xff0c;使用 raw_input() 方法来获取用户输入。以下示例要求用户输入用户名&#xff0c;并在输入用户名后将其打印在屏幕上&am…

【强化学习】17 ——DDPG(Deep Deterministic Policy Gradient)

文章目录 前言DDPG特点 随机策略与确定性策略DDPG&#xff1a;深度确定性策略梯度伪代码代码实践 前言 之前的章节介绍了基于策略梯度的算法 REINFORCE、Actor-Critic 以及两个改进算法——TRPO 和 PPO。这类算法有一个共同的特点&#xff1a;它们都是在线策略算法&#xff0c…

全网超细,Pytest自动化测试框架入门到精通-实战整理,一篇打通...

目录&#xff1a;导读 前言一、Python编程入门到精通二、接口自动化项目实战三、Web自动化项目实战四、App自动化项目实战五、一线大厂简历六、测试开发DevOps体系七、常用自动化测试工具八、JMeter性能测试九、总结&#xff08;尾部小惊喜&#xff09; 前言 1、Pytest和Unitt…

超越 GLIP! | RegionSpot: 识别一切区域,多模态融合的开放世界物体识别新方法

本文的主题是多模态融合和图文理解&#xff0c;文中提出了一种名为RegionSpot的新颖区域识别架构&#xff0c;旨在解决计算机视觉中的一个关键问题&#xff1a;理解无约束图像中的各个区域或patch的语义。这在开放世界目标检测等领域是一个具有挑战性的任务。 关于这一块&…

如何使用Scrapy提取和处理数据

目录 一、安装和设置Scrapy 二、创建爬虫 三、提取数据 四、处理数据 五、存储数据 六、进阶操作 七、注意事项 总结 Scrapy是一个强大且灵活的Python库&#xff0c;用于创建网页爬虫&#xff0c;提取和处理数据。本文将为您深入讲解如何使用Scrapy进行数据处理&#x…