element ui 表单提交错误Error in v-on handler: “TypeError: Cannot read property ‘validate‘ of undefined“

最新推荐文章于 2024-05-08 16:49:17 发布
最新推荐文章于 2024-05-08 16:49:17 发布
阅读量1.1k 收藏 3
点赞数 3
文章标签： elementui
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/x94410891/article/details/116946930
版权
本文介绍了在使用Element UI进行Vue项目开发时遇到的'Cannot read property 'validate' of undefined'错误，分析了两种可能的原因：1. refs与ref名称不一致；2. submitForm方法中参数未加引号。并提供了相应的解决办法。
摘要由CSDN通过智能技术生成

今天写vue项目的时候,控制台一直报错,花了很长时间都才解决,希望这篇文章对大家有帮助

报错信息:在这里插入图片描述

解决方案:

<el-form
      label-position="top"
      label-width="100px"
      class
最低0.47元/天 解锁文章
Serein　
关注
  • 3
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Vue用elementui表单校验报错： Error in v-on handler: "TypeError: Cannot read property 'validate' of undefined
L_WalkingPig的博客
04-15 4961
直接按照elementui官方的写法： submitForm(formName) { this.$refs[formName].validate((valid) => { if (valid) { alert('submit!'); } else { console.log('error submit!!'); ...
strong-error-handler:用于开发（调试）和生产环境的错误处理程序
08-04
对于 4xx 错误，输出包含完整的错误消息 ( error.message ) 和ValidationError通常用于提供有关验证问题的机器可读详细信息的details属性 ( error.details ) 的内容。 它还包括error.code以允许传递机器可读的错误...
Vue用elementui表单校验报错： Error in v-on handler: “TypeError: Cannot read property ‘validate‘ of undefined
sfghjkljhg的博客
09-24 630
Vue用elementui表单校验报错： Error in v-on handler: "TypeError: Cannot read property 'validate' of undefined
VUE element-ui之form表单中input输入超过规定长度error提醒，并实时显示输入长度，可无限输入_element ui form error 显示方式(1)
最新发布
2401_84616230的博客
05-08 465
在面试前我花了三个月时间刷了很多大厂面试题，最近做了一个整理并分类，主要内容包括html，css，JavaScript，ES6，计算机网络，浏览器，工程化，模块化，Node.js，框架，数据结构，性能优化，项目等等。包含了腾讯、字节跳动、小米、阿里、滴滴、美团、58、拼多多、360、新浪、搜狐等一线互联网公司面试被问到的题目，涵盖了初中级前端技术点。HTML5新特性，语义化浏览器的标准模式和怪异模式xhtml和html的区别使用data-的好处meta标签canvasHTML废弃的标签。
element ui 踩坑 input 有值却一直显示错误提示
小小笨南瓜
01-20 824
input 有值却一直显示错误提示 如下图： 问题原因： form中不包含此属性(在方法中对form表单数据处理漏掉属性) 解决方案 将缺少属性补充完整
[Vue warn]: Error in v-on handler: “TypeError: Cannot read property ‘validate’ of undefined“表单提交验证报错
qq_51720257的博客
05-16 1533
vue2+element-ui表单提交验证报错
使用elementui表单校验时无法提交
zyggangguigui的博客
04-27 314
使用elementui表单校验时无法提交。
vue使用element-ui表单验证时提交无效的解决办法！
m0_37869769的博客
03-06 3777
submitForm(formName) { this.$refs[formName].validate(valid => { if (valid) { alert("submit!"); } else { console.log("error submit!!"); return fal...
[Vue warn]: Error in v-on handler: “TypeError: Cannot read properties of undefined (reading ‘target‘
niesij的博客
12-14 6411
用vue绑定事件时，不小心在事件getR后加了个（） <button @click.once="getR()" >领取</button> 然后在getR中用event： getR(e){ const nowBgColor2=e.target.style.backgroundColor e.target.style.backgroundColor= "red" console.log("成功领取奖励！")
strong-error-handler：用于开发（调试）和生产环境中的错误处理程序
02-05
在生产模式下， strong-error-handler忽略错误响应中的详细信息，以防止泄露敏感信息： 对于5xx错误，输出仅包含HTTP规范中的状态代码和状态名称。 对于4xx错误，输出包含完整的错误消息（ error.message ）和...
Python库 | photon-1.1.6.tar.gz
05-20
资源分类：Python库 所属语言：Python 资源全名：photon-1.1.6.tar.gz 资源来源：官方 安装方法：https://lanzao.blog.csdn.net/article/details/101784059
yii2-custom-errorhandler:Yii 2.x应用程序中的自定义错误处理
05-07
Yii 2.x应用程序中的自定义错误处理 该模块允许您将其处理挂在Exceptions上。 ###何时需要###例如，捕获“危险”的用户操作。 发生错误时，您可以记录数据并跟踪特定用户或IP的ForbiddenHttpException或...
error-handler-module:错误处理工具
04-12
安装npm install --save error-handler-module基本错误类型我们设置了一些我们在项目中经常使用的错误，并将它们存储在这样的对象中： const CustomErrorTypes = { BAD_REQUEST : 'bad_request' , FORBIDDEN : '...
使用element表单校验必填错误的解决方法(表单有值但是一直提示错误)
my466879168的博客
03-10 1万+
表单校验错误(input框有值提交的时候一直提示错误) 昨天做了一个element表单的必输项，当时还能用，现在就用不了了，输入了值一直报错未输入，如下所示： [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-hDRp1808-1583853736237)(http://image-static.codingdylan.com/img/Snipaste_2020-03-...
(vue)解决“[Vue warn]: Error in v-on handler: “TypeError: Cannot read property ‘validate‘ of undefined“
nyf_unknow的博客
06-29 4234
(vue)解决“[Vue warn]: Error in v-on handler: “TypeError: Cannot read property ‘validate‘ of undefined“
Error in v-on handler: “TypeError: Cannot read property ‘value‘ of undefined“
热门推荐
lgx211
04-14 1万+
Error in v-on handler: “TypeError: Cannot read property ‘value’ of undefined” 报错如下所示，即 在运行Vue项目时出现了上述错误，出现该错误的原因是其容器还未生成就对其进行了初始化所造成的。 首先检查有没有如下操作 //原先取dom的操作 document.getElementById('textarea'); //改...
关于报错 [Vue warn]: Error in v-on handler: TypeError: Cannot read property ‘validate‘ of undefined
hanjiachen_2017的博客
07-23 1074
写前端vue的el-form表单会出现上述报错且ruleserror没有展现出来，问题遇到过两次，在这里记录一下提醒自己。
Error in v-on handler: “TypeError: Cannot read properties of undefined (reading ‘validate‘)“
qq_44897151的博客
04-18 4611
elementUI表单组件常见bug记录 很简单的表单输入框非空验证 死活报这个错误 一行一行排查最终定位在标签里的ref和方法里面的this.refs这两个东西名称要一致 然后this.$refs.[formname] 可以转成
[element-ui] el-input 不能正常输入，输入了也不能删除的问题
qq_14993591的博客
06-27 1851
el-input element 输入框 input 不能正常输入，输入了也不能删除的问题
Error in v-on handler: "TypeError: Cannot read property 'chartData' of undefined" found in
08-20
根据提供的引用内容，"Error in v-on handler: "TypeError: Cannot read property 'chartData' of undefined" found in"这个错误可能是因为在处理事件的时候，尝试读取一个未定义的属性'chartData'导致的。...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值