一  
    
    
  、错误查找

问题描述：前端一个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




  




  




  。