弹出对话框表单重置问题 “TypeError: Cannot read property ‘resetFields’ of undefined”

最新推荐文章于 2023-11-10 14:49:22 发布
最新推荐文章于 2023-11-10 14:49:22 发布
阅读量634 收藏 3
点赞数 1
分类专栏： 项目分析
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_44802808/article/details/115689865
版权

有一个新增功能，需要点击后弹出对话框并重置表单，本来是直接在那个功能中添加了重置方法
在这里插入图片描述
但会报如下的错误
在这里插入图片描述
起初一直想不明白，以为新增和对话框表单是独立的，所以获取不到，但是this.$refs就可以获取到所有的表单实例

原因：查阅之后，才知道这样报错，是因为数据加载的时候，隐藏的弹出框并没有渲染进dom里面，所以$refs并没有获取到dom元素
解决办法：就是将这个重置方法变为异步，让它等到dom渲染完再加载就可以解决这个问题了
在这里插入图片描述

小星星星★
关注
  • 1
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 3
    评论
专栏目录
Sawyer-zh#study-note#Vue-js路由报错TypeError-Cannot-read-property-c-
07-25
title: 'Vue.js路由报错:TypeError: Cannot read property ''_c'' of undefined'错误详情：像上面这
ASP.NET MVC运行出现Uncaught TypeError: Cannot set property __MVC_FormValidation of null的解决方法
10-29
同一相站点，有些页面的客户端验证能工作，而有些死活不行。打开页面就出现Uncaught TypeError: Cannot set property __MVC_FormValidation of null错误
TypeError: Cannot read property 'resetUpScroll' of null
风花一世月
03-29 755
在onshow中使用mescroll-body组件this.mescroll.resetUpScroll()方法会报错，延迟50秒会正常 这个报错通常是由于在onShow生命周期中访问某些组件的属性或方法时，这些组件尚未完全初始化所导致的。 延迟50毫秒后调用resetUpScroll方法可能是因为这样做可以让组件有足够的时间进行初始化，从而避免了出现这个错误。 在onShow生命周期中，如果你...
TypeError: Cannot read property ‘resetFields‘ of undefined解决方案
辰兮要努力
04-10 1万+
【辰兮要努力】：hello你好我是辰兮，很高兴你能来阅读，昵称是希望自己能不断精进，向着优秀程序员前行！ 博客来源于项目以及编程中遇到的问题总结，偶尔会有读书分享，我会陆续更新Java前端、后台、数据库、项目案例等相关知识点总结，感谢你的阅读和关注，希望我的博客能帮助到更多的人，分享获取新知，大家一起进步! 吾等采石之人，应怀大教堂之心，愿你们奔赴在各自的热爱中… 文章目录一、业务场景二、拓展补充 一、业务场景 业务场景：最近Vue+ElementUI项目，遇到弹框清空表单报错，自己在做表单校验的.
深入理解并解决Uncaught TypeError: Cannot read properties of null“的全面指南“
奇妙的Bug之旅
11-10 8万+
在JavaScript中，当你试图访问一个null或undefined对象的属性时，就会抛出这个错误。例如，如果你有一个变量x，它的值为null，然后你尝试访问x.property，就会得到"Uncaught TypeError: Cannot read properties of null"的错误。在使用任何变量之前，都应该先检查它是否已经定义。你可以使用typeof操作符来检查一个变量的类型。// 访问x的属性。
前端进入页面时滚动到指定位置Cannot read property ‘scrollIntoView‘ of null问题
weixin_44099060的博客
04-25 2784
需求：从A页面进入B页面，窗口停在B页指定面id位置
出现 Cannot read property 'xxxxxx' of null 问题思路
热门推荐
ayhao369csdn的博客
07-11 18万+
在Console中出现 Cannot read property 'xxxxxx' of null  的问题时很难查找到改原因的出处今天在项目中看到页面出现 Cannot read property 'xxxxxx' of null 的字样如下：对于像我这样的前端菜鸡根本，一开始以为是layer插件出现了问题尝试一：修改alyer语句依旧报错    无效尝试二：注释掉该页面所有alyer有关的代码...
Vue打包Cannot read property 'tapPromise' of undefined报错处理.docx
01-21
ERROR TypeError: Cannot read property 'tapPromise' of undefined TypeError: Cannot read property 'tapPromise' of undefined at /data/rondir/jenkins/workspace/iot-core-web-test/node_modules/compression-...
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报错：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应用时，由于模块导入导出规范的...
深入理解并解决Uncaught TypeError: Cannot read properties of undefined技术文章
奇妙的Bug之旅
11-10 8万+
Uncaught TypeError: Cannot read properties of undefined 是一个 JavaScript 运行时错误，它表示你试图访问一个未定义（undefined）对象的属性。这通常是因为你尝试访问一个不存在的变量或者对象的属性。在访问对象的属性之前，你应该先检查该对象是否已经定义。你可以使用typeof操作符来检查一个变量是否已定义。// 访问 myVariable 的属性。
解决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+elementUI开发中 Cannot read property 'resetFields' of undefined 问题解决以及原因分析...
weixin_34186931的博客
10-24 1582
本人开发的系统中有个添加数据与编辑数据的功能。为了减少代码量，两者使用了同一个dialog，通过不同按钮点击使用对应的方案进行显示。 对了方便，本人在添加数据的按钮的click事件中直接写入了resetFields。 之后正常运行过一段时间，但是就在最近（添加了很多代码）开始报错： TypeError: Cannot read property 'resetFields' of undefi...
表单报错：Cannot read properties of undefined (reading ‘indexOf‘)....
程序媛的博客
03-09 1153
表单报错：TypeError: Cannot read properties of undefined (reading 'indexOf') at VueComponent.resetField
Vue父子组件间Form：Cannot read properties of undefined (reading ‘resetFields’)报错原因以及处理方法
LiHuiJUNMate的博客
11-30 2226
vue antDesign form
【每日BUG】解决Cannot read properties of undefined (reading ‘resetFields‘)
yyp_abcd的博客
05-24 4832
在弹窗里使用form表单时，重置使用this.$refs.form.resetFields()会报Cannot read properties of undefined (reading ‘resetFields’)的原因以及处理方法
细节解决报错“TypeError: Cannot read properties of undefined (reading ‘forEach‘)
qq_52372698的博客
04-24 4万+
细节解决报错"TypeError: Cannot read properties of undefined (reading 'forEach')
Cannot read properties of undefined (reading ‘resetFields‘)问题及引申
????鱼干～
07-18 2万+
报错Cannot read properties of undefined (reading 'resetFields')
[ArkRuntime Log] TypeError: Cannot read property sayHello of undefined
最新发布
04-02
具体来说，错误信息中提到的"TypeError: Cannot read property sayHello of undefined"表示无法读取未定义对象的sayHello属性。 要解决这个问题，你需要确保在访问对象的属性之前，该对象已经被正确地定义和初始化...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值