TypeError: Cannot read properties of undefined (reading ‘NAME‘)报错解决-Toy模板网

这篇具有很好参考价值的文章主要介绍了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。文章来源地址https://www.toymoban.com/news/detail-790054.html

到了这里，关于TypeError: Cannot read properties of undefined (reading ‘NAME‘)报错解决的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！

TypeError: Cannot read properties of undefined (reading ‘NAME‘)报错解决

一、错误查找

二、问题解决

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏

支付宝扫一扫领取红包，优惠每天领

二维码1

二维码2