Vue+elementUI开发问题解决：“TypeError: Cannot read property ‘resetFields‘ of undefined“

最新推荐文章于 2023-05-16 13:05:00 发布
最新推荐文章于 2023-05-16 13:05:00 发布
阅读量943 收藏
点赞数 1
分类专栏： 前端页面 文章标签： vue elementui
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zxh_log4j/article/details/113523822
版权
本人在开发过程中，因为是引用了相似的页面部分，所以两个页面的el-dialog中：el-form表单ref=“dataAddForm” 都相同在测试过程中，打开某一个dialog是没有问题的，可以进行验证。但是，打开某一个后，再打开另外一个，就会报错了[Vue warn]: Error in event handler for “click”: “TypeError: Cannot read property ‘resetFields’ of undefined”TypeError: Ca
摘要由CSDN通过智能技术生成

本人在开发过程中，因为是引用了相似的页面部分，所以两个页面的el-dialog中：el-form表单ref=“dataAddForm” 都相同

检查组
检查项
在测试过程中，打开某一个dialog是没有问题的，可以进行验证。
但是，打开某一个后，再打开另外一个，就会报错了

[Vue warn]: Error in event handler for “click”: “TypeError: Cannot read property ‘resetFields’ of undefined”

TypeError: Cannot read property ‘resetFields’ of undefined
该属性resetFields 无法定义

在这里插入图片描述
所以我的解决方法是：通过判断是否为空对象，再进行重置

if (
最低0.47元/天 解锁文章
小贤_log
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Vue打包Cannot read property 'tapPromise' of undefined报错处理.docx
01-21
Vue打包Cannot read property 'tapPromise' of undefined报错处理 Vue.js是一款流行的前端框架，用于构建用户界面和单页应用程序。然而，在使用Vue.js时，我们可能会遇到一些报错信息，例如Cannot read property '...
vue报错 Error in event handler for “change“: “TypeError: Cannot read properties of null (reading ‘0‘)“
最新发布
来都来了
01-31 733
methodsgettimerangeDate//定义开始结束时间this0;this1;</
Error in event handler for “el.form.change“: “TypeError: dateObject.getTime is not a function“
ZMJ_QQ的博客
09-03 2213
报错 源代码 <el-form-item prop="join_data"> <el-date-picker v-model="member.join_data" placeholder="加入时间" clearable format="yyyy 年 MM 月 dd 日" value-format="yyyy-MM-dd" > </el-date-picker> </el-form-item&gt..
Error in event handler for “el.form.change“: “TypeError: value.getTime is not a function“
weixin_42792507的博客
09-03 1623
在使用el-date-picker时有这样的报错: Error in event handler for “el.form.change”: “TypeError: value.getTime is not a function” 这种情况是: elementUI的日期选择器【el-date-picker】在加上格式 value-format=“yyyy-MM-dd” format="yyyy-MM-dd"和校验规则 { type: ‘date’, required: true, message: ‘请选择
代码中报错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里面的值相同（我的报错原因就是这个） ...
chrome浏览器中遇到bug【Error in event handler: TypeError: Cannot read property ‘name‘ of undefined】
夏2同学的博客
03-01 1万+
报错信息： Error in event handler: TypeError: Cannot read property 'name' of undefined at f (chrome-extension://ijllcpnolfcooahcekpamkbidhejabll/bundle/contentscripts.js:1:3088) at chrome-extension...
Sawyer-zh#study-note#Vue-js路由报错TypeError-Cannot-read-property-c-
07-25
title: 'Vue.js路由报错:TypeError: Cannot read property ''_c'' of undefined'错误详情：像上面这
详解Vue中使用v-for语句抛出错误的解决方案
11-30
然而，在实际开发过程中，我们可能会遇到使用`v-for`时出现错误的情况，如标题和描述中提到的`TypeError: Cannot read property 'removeChild' of null`。这个错误通常意味着Vue在尝试更新DOM时找不到预期的元素，...
Vue shopCart 组件开发详解
08-28
为了避免 `TypeError: Cannot read property 'deliveryPrice' of undefined` 错误，需要确保在父组件中正确获取并传递 `seller` 数据。 - 在根组件 `App.vue` 中，`<router-view>` 通过 `:sell="sellerObj"` 将 `...
vue v-for 使用问题整理小结
12-29
今天使用v-for指令的时候遇到一个错误 [Vue warn]: Error in render: “TypeError: Cannot read property ‘children’ of undefined” 页面使用代码 (c,i)> </tem
vue表单报错 "TypeError: Cannot read property 'resetFields' of undefined
斑斓 小星愿的博客
12-09 1万+
vue表单报错 Error in event handler for “click”: “TypeError: Cannot read property ‘resetFields’ of undefined” 在做vue element 项目中，做了一个新增 打开弹框的功能，想每次点击新增的时候表单项重置。 使用了this.$refs[formName].resetFields(); 但是报错了...
控制台报错
Charlotte_99的博客
11-29 446
情况：picker组件加了value-format=“yyyy-MM-dd” format="yyyy-MM-dd”格式。解决方案：【type: ‘date’】改为【type: ‘string’】并且当前项还有校验规则 type:’date。
解决TypeError: Cannot read properties of undefined (reading ‘NormalModule‘)的四种方案
热门推荐
提笔忘字的帝国
05-11 5万+
ERROR TypeError: Cannot read properties of undefined (reading 'NormalModule') TypeError: Cannot read properties of undefined (reading 'NormalModule') at VueLoaderPlugin.apply (E:\aqy-app\node_modules\vue-loader-v16\dist\pluginWebpack5.js:44:47) at
[Vue warn]: Error in event handler for “el.form.change“: “TypeError: dateObject.getTime is not a fun
前端小白的逆袭
11-01 3450
[Vue warn]: Error in event handler for "el.form.change": "TypeError: dateObject.getTime is not a function"
[Vue warn]: Error in v-on handler: “TypeError: Cannot read property ‘validate’ of undefined“表单提交验证报错
qq_51720257的博客
05-16 1553
vue2+element-ui表单提交验证报错
vue报错：Error in event handler for click ，TypeError: Cannot read property ，resetFields， of undefine
醉梦洛的博客
05-23 2万+
1.报错截图 2.报错出现的场景 将新增和更新放在一个页面操作的时候就会出现这个问题 3解决办法：
ElementUI爬坑，[Vue warn]: Error in event handler for "el.form.change": "TypeError: dateObject.getTime
weixin_44999830的博客
02-18 3960
使用ElementUI自带的DatePicker 日期选择器，加入验证类型为 type="date"时报错 首先说明出现原因，elementUI的日期选择器【el-date-picker】在加上格式 value-format=“yyyy-MM-dd” format=“yyyy-MM-dd” 和校验规则时 { type: ‘date’, required: true, message: ‘请选择日...
控制台报错 “dateObject.getTime is not a function“ 问题记录
Komorebi_00的博客
04-25 734
elementUI的日期选择器【el-date-picker】加上了格式 value-format=“yyyy-MM-dd” format=“yyyy-MM-dd”，而校验规则使用了type: ‘date’修改验证规则中的type或者直接去掉。
Error in event handler for “el.form.blur“: “RangeError: Maximum call stack size exceeded“
weixin_68729379的博客
09-02 2811
elementui验证时爆栈问题
vue 报错解决：TypeError: Cannot read property '_t' of undefined
05-19
这个错误通常是因为在访问 Vue 实例的时候出现了问题。可能是因为变量没有被正确地初始化，或者是因为 Vue 实例没有被正确地创建。 你可以按照以下步骤来解决这个问题： ...希望这些步骤能够帮助你解决问题。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值