位置: IT常识 - 正文
TypeError: Cannot read properties of undefined (reading ‘NAME‘)报错解决
编辑：rootadmin推荐整理分享TypeError: Cannot read properties of undefined (reading ‘NAME‘)报错解决，希望有所帮助，仅作参考，欢迎阅读内容。
文章相关热门搜索词:,内容如对您有帮助，希望把文章链接给更多的朋友！
问题描述：前端一个el-table表格，一个医院查询到的科室从后端返回时总是显示不出来，response里面是有数据的，这个表格别的医院都能显示出科室，就那个医院显示不出。报错：TypeError: Cannot read properties of undefined (reading 'NAME')
查找问题所在，发现el-table里面有一个:formatter="formatter_DepType"，具体方法如下：
const formatter_DepType = function (row, column) { if (_this.Type_Ary && row.DEP_TYPE) { return _this.Type_Ary.filter((data) => data.CODE == row.DEP_TYPE)[0].NAME; } return ""; }其中Type_Ary里面的内容是这样的：
Type_Ary: [{ CODE: '1', NAME: '门诊科室' }, { CODE: '2', NAME: '住院科室' }, { CODE: '3', NAME: '其他' }],
它定义子在data里面。
这样就发现错误了，科室的DEP_TYPE查询出来之后如果有和Type_Ary里面的数据不一致的就会直接报错。
二、问题解决只需要在方法上加个判断就行了：
const formatter_DepType = function (row, column) { if (_this.Type_Ary && row.DEP_TYPE) {if(typeof(_this.Type_Ary.filter((data) => data.CODE == row.DEP_TYPE)[0]) =="undefined"){return "";} return _this.Type_Ary.filter((data) => data.CODE == row.DEP_TYPE)[0].NAME; } return ""; }其中：
typeof(_this.Type_Ary.filter((data) => data.CODE == row.DEP_TYPE)[0]) =="undefined"用来判断它是否为未定义undefined，如果未定义直接返回空，这样就不会报错了。
这个错误本质是由_this.Type_Ary.filter((data) => data.CODE == row.DEP_TYPE)[0].NAME
引起的，如果科室类型和Type_Ary里面的不一样就直接为未定义了，再来个.NAME，肯定直接报错了。
大家的报错可能和我的不一样，本文仅供大家参考，当然最有可能的错误还是：对象没有数据，它为undefined。
上一篇：manager.exe是什么进程 有什么用 manager进程查询(manager's office是什么意思)
下一篇：Mac OS系统修改Hosts文件的4种方法(mac修改系统版本号)