Vue校验时报Cannot read property ‘validate’ of undefined错误

最新推荐文章于 2024-07-24 00:24:13 发布
原创 最新推荐文章于 2024-07-24 00:24:13 发布 · 3.3k 阅读 · 2 ·
本内容遵循CC 4.0 BY-SA版权协议
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
收录于
前端知识

当前文章被收录于：

前端知识
7 篇文章 0 人学习
订阅专栏 查看详情
本文解决了在使用Vue框架时遇到的TypeError: Cannot read properties of undefined(reading 'validate')错误。通过确保点击事件中传递参数时加引号、保持传递值与ref一致以及正确书写验证方法，可以有效避免这一问题。

 Error in v-on handler: "TypeError: Cannot read properties of undefined (reading 'validate')"

解决：

1、传值的时候，要带引号

<el-button type="primary" @click="onExec('formData')">执行SQL</el-button> 

2、传的值要和ref一致

 

3、验证语句写法

 this.$refs[formName].validate((valid) =>{}) 

标签
#vue.js #前端 #javascript
TypeError: Cannot read properties of undefined (reading ‘state‘)
cjhxydream的博客
08-10 3万+
Cannot read properties of undefined
台积电技术研发实力
吴建明wujianming_110117
05-31 1847
台积电技术研发实力 台积电在半导体行业的地位毋庸置疑。他们究竟有多强大，大部分读者了解得可能非常片面。从最新公布的2019年财报里，看看台积电的真正实力。 一、台积电在市场上的地位 根据公司财报，台积公司在先进制程技术、特殊制程技术，以及先进封装技术的发展上持续领先全球集成电路制造服务领域，2019年的市场占有率为52%。台积公司总体营收以地区划分（主要依据客户营运总部所在地），来自北美市场的营收占台积公司总体营收的60%、日本与中国大陆以外的亚太市场占9%、中国大陆市场占20%、欧洲、中东及非洲市场占6
ElementUI表单校验报错TypeError: Cannot read properties of undefined (reading ‘validate‘)
swlimuhao的博客
08-25 4171
Vue2工程中使用ElementUI表单(Form)的表单校验时出现报错：TypeError: Cannot read properties of undefined (reading 'validate')
记录:Cannot read property ‘validate‘ of undefined“解决方案【亲测有效】
**My Coding Family**
12-04 1万+
记录:Cannot read property 'validate' of undefined"解决方案【亲测有效】
TypeError: Cannot read properties of undefined (reading ‘validate‘)
weixin_51052779的博客
02-21 8569
this.$refs['ruleIngredientsForm'].validate((valid) => { if (valid) { alert('submit!') return true } else { console.log('error submit!!') return false...
[Vue warn]: Error in v-on handler: “TypeError: Cannot read property ‘validate‘ of undefined“
qwe122343的博客
08-16 9938
背景：写了一天的 Bug… 错误提示：“TypeError: Cannot read property ‘validate’ of undefined” 我的错误是在点击确定按钮时产生，问题出在表单相关的代码上 <Form :rules="rulesModel1" :model="formModel1" :label-width="80" > <FormItem label="承办人" prop="undertaker">
Vue使用Element表单校验错误Cannot read property ‘validate’ of undefined
Sqsdhc的博客
11-16 2万+
在做注册用户的页面使用表单校验一直提示Cannot read property 'validate' of undefined错误，其实这个错误的提示根据有多种情况，比较常见的就是 ref 的名字不一样 1.第一种 我出现的错误是因为写ref的时候前面多了一个冒号，那么冒号在vue中表示的是绑定的意思。如果是直接写上内容就不要加上这个冒号就解决了 2.第二种 在调用校验方法的时候如果没...
element-ui 表单错误：Cannot read property 'validate' of undefined"
qq_36437172的博客
05-12 1万+
Error in event handler for "click": "TypeError: Cannot read property 'validate' of undefined" 解决方案： <el-form :model="addform" ref="addform" :rules="myrules"> 。。。 </el-form> <div ...
Vue=Cannot read property 'validate' of undefined
sinat_28660961的博客
04-11 3244
今天运行vue表单验证的地方 提交表单后无反应 f12后发现 Cannot read property ‘validate’ of undefined 结果是昨天多加了个空格 doSubmit（‘form’）这里需要加引号，不能有空格 注意！ ...
Cannot read property ‘validate‘ of undefined
sm923的博客
07-02 2919
Cannot read property 'validate' of undefined
VUE Iview 报错 “TypeError: Cannot read property ‘validate‘ of undefined“（解决）
热门推荐
01-20 11万+
在使用框架iview的表单验证的时候报出错误 1 错误：TypeError: Cannot read property ‘validate’ of undefined [Vue warn]: Error in v-on handler: "TypeError: Cannot read property 'validate' of undefined" found in ---> <Button> <FormItem> <IForm&gt
vue报错：Cannot read property ‘validate‘ of undefined“
铁锤妹妹的博客
02-19 1003
前言 最近用element 做表单提交参数校验，一直提示这个属性没声明，最后发现是自己的疏忽的坑 报错信息： 有两个原因导致的错误： 传值时diglogFrom忘了加引号 传值时是添加了引号，但传递的值与ref的值不一致 解决方案： 针对第1个错误：传参需要加引号save(‘dialogForm’) 针对第2个错误：传值时添加引号，并保证this.$refs[diglogFrom].validate()与ref中的一致 ...
Cannot read property 'validate' of undefined
雄二说
12-11 2万+
最近用element 做登录参数校验，一直提示这个属性没声明,最后发现是自己的疏忽的坑 Error in event handler for “click”: “TypeError: Cannot read property ‘validate’ of undefined” 解决办法： &lt;el-button type="primary" style="width:100%;" @cli...
Error in v-on handler: “TypeError: Cannot read property ‘validate‘ of undefined“ 的错误原因
weixin_49004340的博客
11-30 2143
学习ElementUI的过程中，写完的登陆框点击“登录”后没有后续动作，报错如下： 开始没搞明白为什么报错、哪里出了错。在网上找了一些解决办法，一般是说要把this.refs[formName].validate((valid)...改成this.refs[formName].validate((valid) ...改成this.refs[formName].validate((valid)...改成this.refs.formName.validate((valid) …的写法，并保证this.$ref
代码中报错Error in v-on handler: “TypeError: Cannot read property ‘validate‘ of undefined“
weixin_45113337的博客
08-31 2210
Error in v-on handler: “TypeError: Cannot read property ‘validate’ of undefined” 当代码中报此错误时，检查如下几个问题： 1，表头中的ref和v-model要一致， 2，提交按钮绑定的时事件中的值要加引号，且要与ref里面的值相同（我的报错原因就是这个） ...
vue写后台登录出现Error in v-on handler: “TypeError: Cannot read property ‘validate‘ of undefined“
weixin_57761801的博客
07-04 1421
标题vue写后台登录出现Error in v-on handler: “TypeError: Cannot read property ‘validate’ of undefined” | | | 原因1: 看一下表单验证的代码，找到这一句： this.$refs[formName].validate((valid) => {看看这里refs的值与el-form上绑定的ref值一直不一致，注意：refs和ref名字需要保持一致 原因2: @click=“submitForm(ruleForm)”
【报错解决】Vue Element UI表单验证报错 Cannot read property ‘validate‘ of undefined
我梦
11-23 5491
【报错解决】Vue Element UI表单验证报错 Cannot read property 'validate' of undefined报错还原项目背景报错原因报错解决 原创不易，有用请鼓励个【赞】，谢谢你哦 ~ 报错还原 [Vue warn]: Error in v-on handler: "TypeError: Cannot read properties of undefined (reading 'validate')" 项目背景 VUE + Element UI 使用Element
ESP32开发进阶：1.接入文心一言
qq_53529450的博客
07-24 1390
ESP32开发进阶：接入文心一言大模型，串口对话
WeLive开源PHP在线客服系统源码V7.1下载
PHP开发，基于Workerman Socket通讯框架，极速高效支持Web和移动端，中英文双语自动切换，拓展外贸业务https环境下，支持短语音互传(商业版)图片和文件互传，及授权上传功能(商业版)人工智能机器人自动回复功能，即无人值守(商业版)客服坐席无限制，无需每年缴纳年费，终身使用微信、qq浏览器可以直接进入客服对话框或将链接嵌入其他app完全独立安装和使用，部署在自己服务器，内容不受第三方限制系统要求：1. PHP5.0或以上.2. MySQL5.0或以上.3. 独立服务器或云服务器(虚拟主机无法调试).注: WeLive5是一个企业级的客服系统, 由于服务器配置, 防火墙设置等因素, 可能无法正常连接, 但均可以调试成功安装和正常使用。推荐本地电脑安装Wamp Server集成PHP开发环境，测试使用WeLive，非常方便。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值