关于报错 [Vue warn]: Error in v-on handler: TypeError: Cannot read property ‘validate‘ of undefined

最新推荐文章于 2024-08-06 00:00:00 发布

hanjiachen_2017

最新推荐文章于 2024-08-06 00:00:00 发布

阅读量1.1k

点赞数

文章标签： vue.js javascript 前端

本文链接：https://blog.csdn.net/hanjiachen_2017/article/details/125943387

版权

本文记录了在使用Vue的el-form组件时遇到的表单错误，包括model与rules未绑定ref以及按钮事件参数错误的问题。解决方案是为el-form添加ref属性，并确保其与model一致，同时修正按钮事件参数，用引号包裹。通过这些调整，成功解决了表单验证不显示及按钮点击异常的问题。

摘要由CSDN通过智能技术生成

问题：

写前端vue的el-form表单会出现上述报错且rules error没有展现出来，问题遇到过两次，在这里记录一下提醒自己

原因分析：

 <el-form :model="information" :rules="rules">

表头中没有写ref

<el-button type="primary" @click="handlePlus(information)">确 定</el-button>

按钮事件中的参数没有加引号

解决：

<el-form :model="information" :rules="rules" ref="information">

el-button type="primary" @click="handlePlus('information')">确定</el-button>

加上ref并且内容与model保持一致，对按钮事件中的参数加引号

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

hanjiachen_2017

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
1
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

Error in v-on handler: “TypeError: Cannot read property ‘validate‘ of undefined“ 的错误原因

weixin_49004340的博客

11-30

2001

学习ElementUI的过程中，写完的登陆框点击“登录”后没有后续动作，报错如下：开始没搞明白为什么报错、哪里出了错。在网上找了一些解决办法，一般是说要把this.refs[formName].validate((valid)...改成this.refs[formName].validate((valid) ...改成this.refs[formName].validate((valid)...改成this.refs.formName.validate((valid) …的写法，并保证this.$ref

[Vue warn]: Error in v-on handler: “TypeError: Cannot read properties of undefined (reading ‘value‘)

agua001的博客

09-09

4万+

1、问题描述：antd 下拉框选择的时候报了这个错误 <a-select :defaultValue="0" v-model="executeCycleUnit" @change="handleExecuteNum" > <a-select-option :value="0"> 分钟 </a-select-option> <a-select-option :value="1"> 小时 </a-select-option> &lt

1 条评论您还未登录，请先登录后发表或查看评论

[Vue warn]: Error in v-on handler: “TypeError: Cannot read properties of undefined (reading ‘$delete

我从不打没有准备的仗！

08-06

500

[Vue warn]: Error in v-on handler: "TypeError: Cannot read properties of undefined (reading '$delete')"

(vue)解决“[Vue warn]: Error in v-on handler: “TypeError: Cannot read property ‘validate‘ of undefined“

nyf_unknow的博客

06-29

4293

(vue)解决“[Vue warn]: Error in v-on handler: “TypeError: Cannot read property ‘validate‘ of undefined“

代码中报错Error in v-on handler: “TypeError: Cannot read property ‘validate‘ of undefined“

weixin_45113337的博客

08-31

2068

Error in v-on handler: “TypeError: Cannot read property ‘validate’ of undefined” 当代码中报此错误时，检查如下几个问题： 1，表头中的ref和v-model要一致， 2，提交按钮绑定的时事件中的值要加引号，且要与ref里面的值相同（我的报错原因就是这个） ...

[Vue warn]: Error in v-on handler: “TypeError: Cannot read property ‘validate’ of undefined“表单提交验证报错

qq_51720257的博客

05-16

1685

vue2+element-ui表单提交验证报错

[Vue warn]: Error in v-on handler: "TypeError: Cannot read property '$store' of undefined"

08-27

- *1* *2* [[Vue warn]: Error in v-on handler: “TypeError: Cannot read property ‘apply‘ of undefined](https://blog.csdn.net/YZRHANYU/article/details/126765288)[target="_blank" data-report-click={...

vue.runtime.esm.js:4448 [Vue warn]: Error in v-on handler: "TypeError: Cannot read properties of undefined (reading 'validate')"

最新发布

08-14

当你看到这样的警告信息 "Vue warn]: Error in v-on handler: "TypeError: Cannot read properties of undefined (reading 'validate')""，通常这意味着你在 Vue.js 应用程序中试图访问一个未定义的对象的 `validate...

vue.esm.js:629 [Vue warn]: Error in v-on handler: "TypeError: Cannot read properties of undefined (reading 'validate')"

07-28

引用\[1\]和\[2\]中的报错信息表明在Vue的v-on事件处理程序中出现了一个错误，错误类型是"TypeError"，具体错误信息是"Cannot read property 'validate' of undefined"和"cannot use 'in' operator to search for '...

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

09-08

当你遇到这个错误时，"TypeError: Cannot read properties of undefined (reading 'validate')"，通常是因为你正在尝试访问一个未定义的对象或属性。根据你提供的引用，这个错误可能与Vue表单验证相关。根据中提到的...

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

05-10

这个错误提示是在 Vue 中使用了 v-on 绑定事件时，事件处理函数中访问了一个 undefined 的属性 'validate' 导致的。出现这个错误的原因可能是： 1. 没有正确地引入 validate 方法，或者 validate 方法没有被正确地...

Error in v-on handler: “TypeError: Cannot read property ‘validate‘ of undefined“

m0_71976881的博客

02-03

946

一是model和ref的表单不一致,导致的问题.二是表单中的点击事件没有参数。

解决[Vue warn]: Error in v-on handler: “TypeError: Cannot read property ‘validate‘ of undefined“

热门推荐

那杯热咖啡

10-11

13万+

在做前后端登录时出现下列错误，解决如下： this.$refs.loginForm.validate()中的与ref="loginForm"名字要相同，或者要定义这个ref 。没有定义或者名称不一致都会出现上述错误。 ...

VUE表单验证报错：Error in v-on handler: "TypeError: Cannot read property 'validate' of undefined"解决

xuebimi的博客

07-22

13万+

按照官网示例写法： this.$refs[formName].validate((valid) => { 结果一直报错：Error in v-on handler: "TypeError: Cannot read property 'validate' of undefined" 解决方法参考“refs和ref名字不一致：把refs和ref名字保持一致就行了”，然而依然继续报错，...

[Vue warn]: Error in v-on handler (Promise/async): “TypeError: Cannot read properties of undefined (

agua001的博客

11-11

1万+

1、在使用到有筛选条件的请求时报了这个错 2、封装的筛选条件方法和调用 // 获取筛选条件的方法 getQuery() { let data = this.form.getFieldsValue(); if(this.form.getFieldValue('time').length > 0) { data.startTime = moment(this.form.getFieldValue('time')[0]).format('YYYY-MM-DD'); data.end

【Vue】[Vue warn]: Error in v-on handler: “TypeError: Cannot read properties of undefined (reading ‘fi

d347091231的博客

11-17

3118

浏览器报错：翻译：TypeError:无法读取未定义的属性（读取“筛选器”）这时候我们应该检查是否有数组之类的拼写错误检查发现todos被拼写成了todo: 修改后删除功能能够正常执行。

Vue报错：Error in v-on handler: “TypeError: Cannot read properties of undefined (reading ‘length‘)“

cdtaogang's blog

08-09

5468

值类型错误导致的，还需要去代码走查看看是传递错误还是赋值错误，于是在发送事件时。这个错误从字面意思和自己打印调试也很容易明白，但是这里我们只知道是传递的。首先点击控制台中提示的错误代码行查看代码，发现密码校验时，传递的。的情况时，大多数都是未定义或者传递参数不存在导致的，因为。发送事件传递参数到子页面，子页面在进行。表单验证事，校验不成功的情况，提示。参数，如果有的话，那么就会出现。未定义的，那么此类型是没有。，结果发现并没有传递。

Vue：v-on中出现Error in v-on handler: “TypeError: Cannot read properties of undefined (reading ‘push’）”

qq_55872579的博客

08-23

2527

TypeError: Cannot read properties of undefined (reading ‘push’

Vue报错：Error in v-on handler: “TypeError: Cannot read properties of undefined (reading ‘skuId‘)“

weixin_56035334的博客

07-01

6万+

[Vue warn]: Error in v-on handler: "TypeError: Cannot read properties of undefined (reading 'skuId')"