本文介绍: 它定义子在data里面。这样就发现错误了,科室的DEP_TYPE查询出来之后如果有和Type_Ary里面数据不一致的就会直接报错

一、错误查找

问题描述前端一个eltable表格一个医院查询到的科室从后端返回时总是显示不出来,response里面是有数据的,这个表格别的医院都能显示科室,就那个医院显示不出。报错:TypeError: Cannot read properties of undefined (reading ‘NAME’)

 查找问题所在发现eltable里面一个: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://blog.csdn.net/guapilixianghe/article/details/129284383

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任

如若转载,请注明出处:http://www.7code.cn/show_18819.html

如若内容造成侵权/违法违规/事实不符,请联系代码007邮箱suwngjj01@126.com进行投诉反馈,一经查实,立即删除

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注