表单自定义校验获取的value为undefined(element ui)

<el-form :model="form" :rules="rules"><el-form-item label="年龄" prop="age"><el-input v-model.number="form.age"></el-input></el-form-item>
</el-form>  
 export default {data() {var checkAge = (rule, value, callback) => {if (!value) {return callback(new Error('年龄不能为空'));}if (!Number.isInteger(value)) {callback(new Error('请输入数字值'));} else {if (value < 18) {callback(new Error('必须年满18岁'));} else {callback();}}};return {form: {age: ''},rules: {age: [{ validator: checkAge, trigger: 'blur' }]}};
}

可能原因有一下几点:

1首先: el-from 里面要绑定modal和rules, :model=“ruleForm” :rules=“rules” ;

然后:el-form-item 里面的 prop对应绑定一个rules里面的规则,prop=“age”;

input输入框里面要绑定 v-model.number=“ruleForm.age”

2,form和rules里面对应的key一定要相同,一个是数据绑定的值 另外一个是值的规则。

  1. 仔细检查下每个标签里面对应的值是否正确。

    详细的表单校验请访问 Element UI 官网:Element UI 表单校验

 

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/bicheng/36650.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

python中的线程与进程

一、线程与进程 在计算机科学中&#xff0c;理解线程和进程的区别是重要的基础知识。这些概念对于多任务操作和并发编程尤为关键。下面将详细介绍线程与进程的区别、特点和各自的使用场景。 1.1 进程&#xff08;Process&#xff09; 进程是操作系统分配资源的基本单位。每个进…

【WPF】Enum与Converter的使用

在使用场景中大家都会遇到&#xff0c;下拉列表显示汉字&#xff0c;而存储使用的是对应的value值&#xff0c;从而转换就成了一个问题&#xff0c;接下来给大家带来一套的解决方案&#xff0c;方法可能不是特别高明&#xff0c;但是很实用&#xff0c;易读易维护&#xff0c;话…

【Unity】RPG2D龙城纷争(五)关卡编辑器之地图编辑

更新日期:2024年6月25日。 项目源码:本章发布 索引 简介关卡编辑器窗口类(LevelEditor)一、定义关卡编辑器窗口类二、两种编辑模式三、地块编辑模式1.关卡模板2.打开编辑窗口3.编辑器基本属性4.地块模板5.重新生成地图6.地图刷子7.刷地块源码链接简介 关卡编辑器将是我们配…

基本的 Spring Boot 配置步骤和常见的配置项【创建,配置,日志,数据库,安全,MVC】

基本的 Spring Boot 配置步骤和常见的配置项【创建&#xff0c;配置&#xff0c;日志&#xff0c;数据库&#xff0c;安全&#xff0c;MVC】 学习总结 1、掌握 JAVA入门到进阶知识(持续写作中……&#xff09; 2、学会Oracle数据库入门到入土用法(创作中……&#xff09; 3、…

EAK高压电阻器-引线高压电阻器-厚膜高压电阻器

描述 EAK高压电阻器是扁平高压电阻器&#xff0c;完全满足低感、稳定和精密无源元件的所有要求。 扁平高压电阻器最适合作为组装在 PCB 上的有线元件&#xff0c;但也可以用作 SMD 元件。 我们提供 HVR、HPR、HVI、HVD 和 HVS 系列的扁平高压电阻器&#xff0c;这些电阻器具…

AI+零信任 | 易安联亮相首届“矩阵杯”网络安全大赛

6月26日&#xff0c; 首届“矩阵杯”网络安全大赛 在青岛国际会议中心举行。大赛由360数字安全、华云安主办&#xff0c;赛宁网安、永信至诚、红客社区协办&#xff0c;致力于推动提升全民网络安全意识、发现顶尖安全人才、鼓励技术创新发展&#xff0c;推动安全行业共建共享…

信息系统项目管理师

1.1项目的定义及特点 项目的定义:为创造独特的产品、服务或成果而进行的临时性工作 项目的特征: 独特性: 差异化(没有完全一样的项目) 临时性: 时间临时(开始时间、结束时间) 团队临时(不同阶段可能有不同的人来参加) 渐进明细性: 成果性目标是逐步…

Cambrian-1:探索以视觉为中心的多模态LLM新纪元

一、摘要 论文&#xff1a;Cambrian-1: A Fully Open, Vision-Centric Exploration of Multimodal LLMs&#xff0c;https://arxiv.org/abs/2406.16860 主页&#xff1a;https://cambrian-mllm.github.io/ 代码&#xff1a;https://github.com/cambrian-mllm/cambrian 本文研发…

堆栈与堆内存 - C#

探索 C# 编程中内存管理的细微差别&#xff0c;区分值类型和引用类型&#xff0c;理解动态和静态内存分配&#xff0c;评估访问效率… 背景 以下是 C# 中堆栈和堆内存之间的主要区别列表。这适用于初学者和专业的 C# 开发人员。 C# 中栈和堆内存的区别 概括 现在&#xff0c…

主流电商平台API接口(天猫获得淘宝商品详情,获得淘宝app商品详情原数据 ,获得淘口令真实url API,按图搜索淘宝商品(拍立淘) API )

主流电商平台商品接口在电商企业中具有重要应用价值。通过商品接口&#xff0c;电商企业可以实现商品同步功能&#xff1a; 商品信息同步&#xff1a;通过接口可以实时同步主流电商平台上的商品信息&#xff0c;包括商品标题、价格、库存、销量等数据&#xff0c;确保企业在自…

ubuntu/debian中安装OpenCV并且配置OpenCV开发环境

编译OpenCV 本文想编译第三方的模块&#xff0c;尤其时aruco模块以及sfm(structure from motion)模块&#xff0c;所以需要同时编译contrib代码。 由于sfm模块依赖其他一些库&#xff0c;这些库如果不提前安装&#xff0c;最后sfm不会编译 需要安装下面一些&#xff0c;sfm文…

python中的__hash__魔法函数详解

在Python中&#xff0c;__hash__ 是一个特殊方法&#xff08;也称为魔法方法或双下划线方法&#xff09;&#xff0c;它用于定义对象的哈希值。哈希值是一个整数&#xff0c;通常用于在哈希表&#xff08;如字典和集合&#xff09;中快速查找对象。 当你试图将一个对象作为键添…

Spring Boot中的多模块项目构建

Spring Boot中的多模块项目构建 大家好&#xff0c;我是免费搭建查券返利机器人省钱赚佣金就用微赚淘客系统3.0的小编&#xff0c;也是冬天不穿秋裤&#xff0c;天冷也要风度的程序猿&#xff01; 随着应用程序的复杂性增加&#xff0c;将一个大型的应用程序拆分为多个模块或…

HarmonyOS4升级到Harmonyos Next(Api 11)学习捷径

HarmonyOS4升级到Harmonyos Next&#xff08;Api 11&#xff09;学习捷径&#xff0c;新技术学习路上少走弯路。HarmonyOS NEXT和HarmonyOS 4的基本语法都是一样的&#xff0c;但是还有一些区别。如果你学会HarmonyOS4&#xff0c;那么HarmonyOS Next也自然而然的会了。 Harmon…

RabbitMQ实践——搭建单人聊天服务

大纲 创建Core交换器用户登录发起聊天邀请接受邀请聊天实验过程总结代码工程 经过之前的若干节的学习&#xff0c;我们基本掌握了Rabbitmq各个组件和功能。本文我们将使用之前的知识搭建一个简单的单人聊天服务。 基本结构如下。为了避免Server有太多连线导致杂乱&#xff0c;下…

哈喽GPT-4o,对GPT-4o 数据分析Data Analysis的思考与看法

目录 上传一个Excel给Data Analysis。Prompt&#xff1a;请问这个数据集是做什么的Prompt&#xff1a;请问书籍的定价如何&#xff0c;请用合适的图表展示它的售价情况Prompt&#xff1a;请统计书名列中出现最多的名称&#xff0c;然后使用词云将其可视化。Prompt&#xff1a;请…

笔记 - shell脚本

前言 Shell脚本是一种用来执行命令行命令的脚本文件。它是由一系列Shell命令组成的程序&#xff0c;通常用于自动化任务、系统管理、数据处理等。Shell脚本可以运行在各种Unix和Linux系统上&#xff0c;也可以在Windows上的一些兼容环境&#xff08;如Cygwin、WSL&#xff09;中…

js闭包函数

闭包是指在一个函数内部定义的函数&#xff0c;并且该函数可以访问到外部函数的变量。闭包可以将外部函数的变量保持在内存中&#xff0c;并且不会被释放。 闭包具有以下特性&#xff1a; 1. 函数内部定义的函数可以访问外部函数的变量。 2. 外部函数的变量可以保持在内存中&am…

[大师C语言(第三十九篇)]C语言const关键字深度解析与实战技巧

第一部分&#xff1a;C语言const关键字深度解析 一、const关键字的作用 在C语言中&#xff0c;const关键字是一个用于声明常量的修饰符。它用于指定一个变量的值在程序执行过程中不能被改变。使用const关键字可以确保代码的稳定性&#xff0c;防止不必要的变化&#xff0c;并…

58.鸿蒙系统app(HarmonyOS)(ArkUI)更改应用程序图标

替换xx\MyApplication4.30\entry\src\main\resources\base\media目录下icon.png文件 54.HarmonyOS鸿蒙系统 App(ArkTS)tcp socket套接字网络连接收发测试_鸿蒙socket连接测试-CSDN博客