【vue 项目】“TypeError: Cannot read properties of undefined (reading ‘type‘)“ 接口数组

先上图

【vue 项目】“TypeError: Cannot read properties of undefined (reading ‘type‘)“ 接口数组_第1张图片

报错信息 显示 "type"没有定义

在网上找了很多解决方法也没有解决,结果问了大佬,发现是数据类型不对

对于没有定义的问题,其实没有指定的解决方式
有的没有加this,有的没有data中声明等等
各种小问题都可能导致出现无定义
需要根据自己的代码调整
这次我出现的问题是数据结构的问题

【vue 项目】“TypeError: Cannot read properties of undefined (reading ‘type‘)“ 接口数组_第2张图片
后端返回数据格式

【vue 项目】“TypeError: Cannot read properties of undefined (reading ‘type‘)“ 接口数组_第3张图片

this.gridData.dataType = res.data.dataType.type
this.gridData.specs = res.data.dataType.specfs

接口数据data是数组形式,由于表格girdData也是数组,所以没有影响
girdData.dataType和girdData.specs不是数组格式
直接赋值就会出现错误
type和specfs没有定义

res.data.forEach((item, index) => {
   this.gridData[index].dataType = res.data[index].esObjectMaterialDataType.type
   this.gridData[index].specs = res.data[index].esObjectMaterialDataType.specs
 })

将data写成数组,通过循环方式赋值

你可能感兴趣的:(vue项目,前端)