位置: IT常识 - 正文

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

编辑:rootadmin
TypeError: Cannot read properties of undefined (reading ‘NAME‘)报错解决 一、错误查找

推荐整理分享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: '其他' }],TypeError: Cannot read properties of undefined (reading ‘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.jiuchutong.com/zhishi/280950.html 转载请保留说明!

上一篇:manager.exe是什么进程 有什么用 manager进程查询(manager's office是什么意思)

下一篇:Mac OS系统修改Hosts文件的4种方法(mac修改系统版本号)

  • 销项税额期末余额
  • 计算土地增值税时允许扣除的项目有
  • 计提税金是什么会计科目
  • 无形资产摊销的会计科目
  • 增值税附加税包括哪些税种及税率
  • 行政单位固定资产管理制度
  • 小规模能否开利息专用发票?
  • 会计制度方法
  • 用友t3普及版价格
  • 发票分开开票
  • 批发商税率
  • 多项固定资产能否合并入账
  • 高温费计税吗
  • 收藏!广告制作税收分类编码总结
  • 商铺 公司
  • 总公司出货分公司怎么办
  • 资产负债一并转让增值税
  • 抵扣进项税有期限吗
  • 季度报税过了怎么办
  • 库存商品换货的会计分录
  • 制造费用主要包括哪些内容
  • 如何设置老板键
  • 系统设置自动还原
  • 会计凭证传递的原则及基本程序
  • 人力资源服务收入计入什么科目
  • 污水处理费该谁交
  • mac屏幕共享要打开什么权限
  • 工商年报缴费基数是什么意思
  • mom.exe是什么
  • 固定资产核销程序
  • 在那高高的草丛里
  • 预售商品房转让合同
  • 补发工资怎么做账
  • uniapp打包成h5如何调用原生
  • php设置图片将图片居中
  • 商业汇票贴现时贴现额的大小受贴现期长短的影响
  • php安装及使用教程
  • 关联方的四种认证方式
  • 公司投资资金
  • 怎样创建一个网站
  • 其他收益会计科目怎么写
  • 多模手机
  • 在pycharm中配置python
  • 独资设立的有限公司
  • 在建工程怎么做账务处理
  • 高新技术企业收入总额
  • 丢失增值税专用发票的征管政策
  • 什么是存货周转天数
  • 应付职工薪酬账户贷方登记的是
  • 银行交党费属于什么业务
  • 自产自销的免税票
  • 期末结账账务处理
  • sql必会知识
  • win8任务管理器在哪
  • linux ubuntu安装教程
  • 系统备份恢复系统
  • ubuntu16.04英文版安装教程
  • mac系统常见问题
  • centos如何添加监听端口
  • win7系统的word文档中的工具在哪里
  • 新手教程进不去
  • 基于centos6安装kvm服务
  • win7 64位系统玩英雄联盟lol频繁提示failed to create dump file error 183的解决方法
  • window10稳定版
  • linux怎么下载安装腾讯Tim?
  • windows8使用教程
  • win10系统右键菜单管理
  • win7电脑全屏
  • [置顶]从lv2开始开挂的原勇者候悠闲的异世界生活
  • rhel7.6安装
  • node. js教程
  • U3DPlayer UnityWebPlayer动态改变src
  • javascript中获取字符串长度
  • Android ADB server didn't ACK * failed to start daemon * 简单有效的解决方案
  • Android---43---Service之IntentService
  • Unable to connect to zookeeper
  • 运输类税点
  • 什么是增值税一般纳税人证明
  • 杭州残保金2021年新政策申报时间
  • 企业资质怎么报审
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设