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的。而之后也不会报错了，所以这个解决方案刚好适合我）