Vue+elementUI开发中 Cannot read property ‘resetFields‘ of undefined 问题解决以及原因分析

有个添加数据与编辑数据的功能。为了减少代码量，两者使用了同一个dialog，通过不同按钮点击使用对应的方案进行显示。
在添加数据的按钮的click事件中直接写入了resetFields。
之后正常运行过一段时间，但是就在最近（添加了很多代码）开始报错：

TypeError: Cannot read property ‘resetFields’ of undefined

同时我发现，只要显示过一次dialog，后面就不会报错了。所以我可以确定是因为代码量过大，对应的对象来不及生成，从而导致了读取了空对象。

所以我的解决方法就是：

resetForm(formName){if (this.$refs[formName]!==undefined) {this.$refs[formName].resetFields();}
}

通过判断对象，来避免错误（因为只有在新增数据会resetFields，但实际上第一次点击新增按钮是不需要执行resetFields的。而之后也不会报错了，所以这个解决方案刚好适合我）

Vue+elementUI开发中 Cannot read property ‘resetFields‘ of undefined 问题解决以及原因分析相关推荐

Java Web开发中，自定义过滤器被执行两次的原因分析及解决办法
本文出处:http://blog.csdn.net/chaijunkun/article/details/7646338,转载请注明.由于本人不定期会整理相关博文,会对相应内容作出完善.因此强烈建议在 ...
activiti表单设计器_基于Vue,ElementUI开发的一款表单设计器
介绍基于Vue,ElementUI开发的一款表单设计器,提高表单开发效率的利器,让开发者从枯燥的表单代码编写中解放出来工具地址: http://tools.xiaoyaoji.cn/form Gi ...
基于Vue,ElementUI开发的一款表单设计器
介绍基于Vue,ElementUI开发的一款表单设计器,提高表单开发效率的利器,让开发者从枯燥的表单代码编写中解放出来工具地址:http://form.making.link GitHub地址:h ...
基于 vue + Element-ui 开发的后台管理系统
基于 vue + Element-ui 开发的后台管理系统引文思考快速上手项目结构介绍引入 ElementUI 登录功能设计项目演示地址:https://git.io/fp9UM 项目仓库 ...
关于vue中Cannot read property 'length' of undefined 导致：数据不显示问题【自己经验参考】
关于vue中Cannot read property 'length' of undefined 导致:数据不显示问题导致:数据不能及时,或者不渲染的问题? 项目备忘: 经过排查,发现是自己代码中忽 ...
Vue项目开发中使用路由懒加载
Vue项目开发中使用懒加载一.使用路由懒加载的好处当打包项目时,JavaScript包会变的非常大,影响页面加载,要是通过把不同的路由对应的组件分割成不同的代码块,然后当路由被访问的时候才加载对应 ...
Vue项目开发中优雅的切换服务端ip
Vue项目开发中优雅的切换服务端ip 在进行Vue开发的时候,需要配置项目对应服务端的ip地址,但如果需要在多个服务端间进行切换,通常的做法是:手动修改vue.config.js配置文件中的服务端ip ...
Vue+ElementUi 项目中将页面内容转为 Word文档下载
Vue+ElementUi 项目中将页面内容转为 Word文档下载需要提前做好的现成模板(魔板个页面基本上相同的内容)-模板内有变量,替换成页面对应的数据 HTML页面: 转换的word 以下是正 ...
vue+elementUI项目中使用NavMenu导航菜单
vue+elementUI项目中使用NavMenu 导航菜单在elementUI官网组件中NavMenu 导航菜单的使用只是简单地运用,在实践项目中还需要配合路由配置.一般后台管理系统不只是导航菜单 ...

Vue+elementUI开发中 Cannot read property ‘resetFields‘ of undefined 问题解决以及原因分析

Vue+elementUI开发中 Cannot read property ‘resetFields‘ of undefined 问题解决以及原因分析相关推荐

最新文章

热门文章