Cannot read property ‘resetFields‘ of undefined解决方案

【辰兮要努力】：hello你好我是辰兮，很高兴你能来阅读，昵称是希望自己能不断精进，向着优秀程序员前行！

博客来源于项目以及编程中遇到的问题总结，偶尔会有读书分享，我会陆续更新Java前端、后台、数据库、项目案例等相关知识点总结，感谢你的阅读和关注，希望我的博客能帮助到更多的人，分享获取新知，大家一起进步!

吾等采石之人，应怀大教堂之心，愿你们奔赴在各自的热爱中…

首先我们一定要清楚啥是undefined

js中有六种数据类型，包括五种基本数据类型（Number,String,Boolean,Undefined,Null）,和一种复杂数据类型（Object）。

undefined:表示该变量未定义或未赋值，是一种代表变量初始化的状态值。

例如已经定义了a变量，但没有赋值，获取a变量将返回undefined；又例，当某函数已定义并要求传入形参，但调用函数时未传入实参，则函数形参将返回undefined。

var a;
console.log(a);  //undefined

function func(x) {
	return x;
}
func() //未传实参，形参为undefined

  

 

  
1
  
2
  
3
  
4
  
5
  
6
  
7
 

小结：Undefined类型 只有一个值，即undefined值。使用var声明了变量，但未给变量初始化值，那么这个变量的值就是undefined。

console.log(typeof undefined); //undefined
console.log(typeof null); //object

  

 

  
1
  
2
 

undefined表示变量未定义或未赋值的初始状态值，是一个机器式标识；

null表示一个空对象变量，本身是空对象指针，是一个程序式标识。

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

Cannot read property ‘resetFields’ of undefined
click弹出的时候$refs并没有获取到dom元素导致 ‘resetFields’ of undefined
(如果是第一次就点击新增就没必要reset, 根据元素undefined判断)

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

  

 

  
1
  
2
  
3
 

总结：对于这样undefined报错，我们定位到我们的当前行去做一次判断，即如果不是未定义，执行我们想要执行的函数即可！如果是undefined那么不执行即可！

拓展补充

undefined 实际上是从值 null 派生来的，因此 ECMAScript 把它们定义为相等的

alert(undefined == null); //true

  

 

  
1
 

undefined 是声明了变量但未对其初始化时赋予该变量的值，null 则用于表示尚未存在的对象。如果函数或方法要返回的是对象，那么找不到该对象时，返回的通常是 null。

alert(undefined===null);//false

  

 

  
1
 

The best investment is to invest in yourself.

非常感谢你阅读到这里，如果这篇文章对你有帮助，希望能留下你的点赞👍 关注❤️ 分享👥 留言💬thanks！！！

2020.12.27 22:26 愿你们奔赴在自己的热爱里！

文章来源: blessing.blog.csdn.net，作者：辰兮要努力，版权归原作者所有，如需转载，请联系作者。

原文链接：blessing.blog.csdn.net/article/details/111827640