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

最新推荐文章于 2023-05-16 13:05:00 发布
最新推荐文章于 2023-05-16 13:05:00 发布
阅读量1k 收藏
点赞数
文章标签： vue.js javascript 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/hanjiachen_2017/article/details/125943387
版权

问题：

写前端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保持一致，对按钮事件中的参数加引号

hanjiachen_2017
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
Sawyer-zh#study-note#Vue-js路由报错TypeError-Cannot-read-property-c-
07-25
title: 'Vue.js路由报错:TypeError: Cannot read property ''_c'' of undefined'错误详情：像上面这
Vue报错：Uncaught TypeError: Cannot assign to read only property’exports‘ of object’#Object‘的解决方法
12-09
当你遇到“Uncaught TypeError: Cannot assign to read only property 'exports' of object '#<Object>'”这样的错误，通常是因为在同一个模块中混用了CommonJS（`require`和`module.exports`）和ES6模块（`import`...
[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报错解决：Error in v-on handler (Promiseasync) “TypeError Cannot read properties ofundefined
m0_67394360的博客
03-06 6824
报错信息：[Vue warn]: Error in v-on handler (Promise/async): "TypeError: Cannot read properties of undefined (reading 'code ')” axios可以获取数据，控制台输出为undefined 报错代码： 错误原因：在①或者②的axios请求时，请求结果被catch捕获，所以axios可以获取到数据，但在catch中的res此时是未赋值的，所以控制台在③处调用res.xxx会出现报错 解决方法：只
[Vue warn]: Error in v-on handler: “TypeError: Cannot read property ‘validate’ of undefined“表单提交验证报错
qq_51720257的博客
05-16 1541
vue2+element-ui表单提交验证报错
代码中报错Error in v-on handler: “TypeError: Cannot read property ‘validate‘ of undefined“
weixin_45113337的博客
08-31 2032
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“
那杯热咖啡
10-11 13万+
在做前后端登录时出现下列错误，解决如下： this.$refs.loginForm.validate()中的与ref="loginForm"名字要相同，或者要定义这个ref 。 没有定义或者名称不一致都会出现上述错误。 ...
Vue报错：Uncaught TypeError: Cannot assign to read only property’exports‘ of object’#&lt;Object&gt;‘的解决
08-30
在Vue开发过程中，有时会遇到一个常见的错误：`Uncaught TypeError: Cannot assign to read only property 'exports' of object '#<Object>'`。这个错误通常发生在使用Webpack打包Vue应用时，由于模块导入导出规范的...
vue v-on:click传递动态参数的步骤
10-14
主要介绍了vue v-on:click传递动态参数的步骤，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
【Vue】[Vue warn]: Error in v-on handler: “TypeError: Cannot read properties of undefined (reading ‘fi
d347091231的博客
11-17 3057
浏览器报错： 翻译：TypeError:无法读取未定义的属性（读取“筛选器”） 这时候我们应该检查是否有数组之类的拼写错误 检查发现todos被拼写成了todo: 修改后删除功能能够正常执行。
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: “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
解决[Vue warn]: Error in v-on handler: “TypeError: Cannot read property ‘xxx‘ of undefined“
m0_64838460的博客
10-14 2647
解决[Vue warn]: Error in v-on handler: “TypeError: Cannot read property ‘xxx‘ 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“”
qq_39742704的博客
09-18 3万+
解决vue使用element ui出现的“[Vue warn]: Error in v-on handler: "TypeError: Cannot read property 'validate' of undefined"”问题官网代码我写的代码运行后错误提示解决办法 今天学习使用vue搭配element ui框架来实现一个登录页面的效果 参考了官网的结构，运行后确提示错误 官网代码 我写的代码 这里前提是——表单里面的ref值与methods里面的一致（图中1） 点击事件的事件名也相同（图中2）
Vue.js 报错：Cannot read property 'validate' of undefined"
路西法Lucifer
11-03 5万+
问题：        [Vue warn]: Error in event handler for "click": "TypeError: Cannot read property 'validate' of undefined" 解决：   this.$refs.myBrandForm.validate()中的与ref="myBrandForm"名字叫的不一致，或者ref这个就...
[Vue warn]: Error in v-on handler: "TypeError: handler.apply is not a function"
乐夫天命兮的博客
07-29 10万+
在使用vue.js项目开发中遇到警告，如此下图所示： 出错部位代码如下： <el-button :icon="showfilter == true?'h-icon-filter':'h-icon-filter_f'" type="iconButton" title="高级查询" class="class-show" @click="showfilter" ></e...
Error in v-on handler: "TypeError: handler.apply is not a function"
源码好优多
03-13 5万+
报错截图 原因 原来是我在.vue单文件中 data里面的属性和methods里面的方法重名了 解决 方面重新命名了一下和data里面的属性值不一样就可以了。
[Vue warn]: Error in v-on handler: "TypeError: Cannot read property '$store' of undefined"
最新发布
08-27
这个错误是因为在Vue的v-on处理程序中出现了一个类型错误，具体是“TypeError: Cannot read property '$store' of undefined”。根据引用，这个错误可能是由于作用域不正确导致的。根据引用，在模板中使用了一个名为"_cancel"的事件处理程序，但是在methods中没有对应声明该方法。另外，根据引用，如果使用了this.$refs.xxx.validate()，那么ref="xxx"的名称必须与之相同，否则会出现上述错误。所以，需要检查代码中是否正确声明了_cancel方法，并且确保在methods中定义了该方法。此外，还需要确保在使用this.$refs.xxx.validate()时，ref的名称正确并且一致。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *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={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] - *3* [解决[Vue warn]: Error in v-on handler: “TypeError: Cannot read property ‘xxx‘ of undefined](https://blog.csdn.net/m0_64838460/article/details/127313992)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值