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

最新推荐文章于 2024-07-30 20:51:05 发布
最新推荐文章于 2024-07-30 20:51:05 发布
阅读量3.9k 收藏
点赞数
分类专栏： vue项目 文章标签： 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/aohanzzz/article/details/126638212
版权
在Vue项目中遇到'TypeError: Cannot read properties of undefined (reading 'type')'错误，原因是后端返回的数据中，部分字段如'dataType'和'specs'不是数组格式，直接赋值给期望为数组的属性导致。解决方案是对数据进行处理，通过循环方式正确赋值。
摘要由CSDN通过智能技术生成

先上图

在这里插入图片描述

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

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

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

在这里插入图片描述
后端返回数据格式

在这里插入图片描述

this.gridData.dataType = res.data.dataType.type
最低0.47元/天 解锁文章
Aohan-z
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Vue - Syntax Error: TypeError: Cannot read properties of undefined (reading ‘styles‘) 项目运行时报错，详细解决方案
王佳斌
11-07 6628
vue2，Syntax Error: TypeError: Cannot read properties of undefined (reading 'styles')，webpack，npm run serve，报错怎么办，运行报错，run serve时出现报错如何解决，vue2项目运行报错Syntax Error: TypeError: Cannot read properties of undefined (reading 'styles')，vue2怎么解决npm run serve时的Cannot
Uncaught (in promise) TypeError: Cannot read properties of undefined (reading ‘XXX‘)解决办法
Drawing stars的博客
04-29 4万+
控制台报错如下： 错误产生的原因是前端需要展示的数据或v-model绑定的数据此时还未从后端读到。 我这里是在data里面有一个questionList[]，用来接收从后端传来的question对象，页面中部分组件绑定了questionList数组里的对象的属性（question.myAnswer），但时此时这个数组里没有对象，更没有对象的属性，故页面虽然能在获取到数据后正常展示，但是在此之前控制台会先报错。 部分界面如图： 对应vue代码如下 <!--作业问题 --> <div
echart报错Cannot read properties of undefined (reading ‘type‘)
一名努力学习前端的大三学生
06-12 671
vue3中使用proxy的方式监听响应式，this.chart会被在vue内部转换成响应式对象，从而在resize 的时候获取不到。你可以有选择地退出默认的深度响应式/只读转换模式，并将原始的，未被代理的对象嵌入状态图中。
BUG解决(vue3+echart报错):Cannot read properties of undefined (reading ‘type‘)
最新发布
Summer_Uncle的博客
07-30 390
这是 vue3+echart5 遇到的报错：Cannot read properties of undefined (reading ‘type‘)用于读取响应式对象对应的普通对象，对这个普通对象的所有操作，不会引起页面更新。当渲染具有不可变数据源的大列表时，跳过响应式转换可以提高性能。作用：将一个由reactive生成的响应式对象转为普通对象。有些值不应被设置为响应式的，例如复杂的第三方类库等。作用：标记一个对象，使其永远不会再成为响应式对象。
odoo14 | 报错：TypeError: Cannot read properties of undefined (reading ‘type‘)
红星编程实验室
10-30 2879
首先该报错出现在基础表有但点击视图菜单的时候弹出的，经过排查发现，是在粘贴来进行修改的action中忘记修改模型名导致的与原模型的action视图冲突的情况。大半夜加班，脑力不济的情况下为了提高速度，直接复制了其他模块的xml代码进行修改以达到缩减时间的目的，结果出现了以下这种报错。只需要将其中的内容修改为正确的内容即可，与关键词错误和代码结构错误无关。
解决：Cannot read properties of undefined (reading ‘type‘)【vue3+echart5报错】
weixin_58042855的博客
10-22 3880
问题关键在于echarts是否要设置为响应式对象
vue3+echarts bug -- Cannot read properties of undefined (reading ‘type‘)
Yes_You_Can 的博客
11-07 1358
vue3+echarts bug
Cannot read properties of undefined (reading ‘type‘)【echart报错】
ZXH0122的博客
05-12 2408
用于读取响应式对象对应的普通对象，对这个普通对象的所有操作，不会引起页面更新。当渲染具有不可变数据源的大列表时，跳过响应式转换可以提高性能。：将一个由reactive生成的响应式对象转为普通对象。有些值不应被设置为响应式的，例如复杂的第三方类库等。：标记一个对象，使其永远不会再成为响应式对象。
TypeError:Cannot read properties of undefined (reading‘...‘)
热门推荐
qq_57057576的博客
08-13 10万+
若a为undefined，则会报错，若，a为空，则，a.name为undefined。原因可能是，挂载时，有dom节点，但是数据还未返回。例： a.name a的name属性。不能够读取undefined的属性。
vue2/3 - 解决报错TypeError: Cannot read properties of undefined (reading ‘wrapper‘)，vue打包或运行时控制台报错完美解决方案
高级前端工程师
05-10 2131
vue3，vue2，报错，无法打包，无法运行，vue3打包时报错，vue打包build出错，wrapper属性，TypeError: Cannot read properties of undefined (reading ‘wrapper‘)，vue如何解决报错，浏览器控制台报错，npm run serve运行项目时正常显示，但npm run build构建时却报错，vue运行没问题但打包就会报错，怎么解决这个问题，如何解决问题并成功打包发布，代码中尝试访问一个未定义对象的 wrapper属性。在vue2
Vue3 - 详解报错 Uncaught TypeError: Cannot read properties of undefined (reading ‘writeText‘)，vuejs剪贴板出错
王佳斌
07-10 2816
剪贴板报错，navigator.clipboard，writeText，突然就报错了，浏览器禁用了非安全域的navigator.clipboard对象，解决报错，Cannot read properties of undefined (reading 'writeText')，复制，粘贴，vue3，vue2，nuxt2，nuxt3，react，javascript，typescript，报错，document，复制后报错，用户粘贴报错，出错，浏览器控制台报错，详细教程，解决不了，还是不行，部署到线上环境就报
vue2/3 - echarts报错TypeError: Cannot read properties of undefined (reading ‘queryComponents‘)详细解决方案！
高级前端工程师
07-11 1732
vue2，vue3，nuxt，echarts，图表，日历图表，柱状图，饼图，解决echarts中TypeError: Cannot，还是报错，不行怎么办，TypeError: Cannot read properties of undefined (reading ‘queryComponents‘)，vue echarts 报错queryComponents不存在，echart报错，解决echart，在使用案例的echart的日历图表的时候，报错，在使用echarts将关系图中的结点用饼图替换的代码编程过
vue3+echart5 遇到的报错：Cannot read properties of undefined (reading ‘type‘)
Anony_me的博客
09-07 923
vue3+echart5 遇到的报错：Cannot read properties of undefined (reading ‘type‘)
vue3+echart5 遇到Cannot read properties of undefined (reading ‘type‘)
weixin_43254169的博客
11-11 1518
解决方案： 引入markRaw 作用：标记一个对象，使其永远不会再成为响应式对象。 应用场景: 有些值不应被设置为响应式的，例如复杂的第三方类库等。 当渲染具有不可变数据源的大列表时，跳过响应式转换可以提高性能。 ...
解决TypeError:Cannot read properties of undefined并深入解读TypeError错误类型
qq_52372698的博客
06-28 6万+
解决TypeError:Cannot read properties of undefined并深入解读TypeError错误类型 再根据axios官方文档给出的示例Axios实例 所以说instance是一个自定义的axios实例对象我们可以发现，上面的报错在于我没有在instance实例对象上挂载get方法就调用，导致报了TypeError反其道而行，我开始思考为什么这个问题报的错为什么是TypeError而不是别的错误类型深入研究一下Typ...
Error in render: TypeError: Cannot read properties of undefined (reading‘‘)
qq_45796592的博客
04-18 3414
Error in render: TypeError: Cannot read properties of undefined (reading' ')报错解决
解决vue3中使用echart echart报错:Cannot read properties of undefined (reading ‘type‘)
weixin_45150813的博客
12-05 6435
解决vue3中使用echart出现如下报错：Cannot read properties of undefined (reading ‘type‘) 把echart实例对象不要用ref等响应式保存，可以使用shallowRef等浅层作用进行保存。点击前往官网查看 具体代码：
vue3 TypeError: Cannot read properties of undefined (reading 'post')
08-19
根据你提供的引用内容，出现TypeError: Cannot read properties of undefined (reading 'post')的错误是因为在Vue3中访问了一个未定义的属性。具体来说，错误发生在读取'post'属性时，但该属性未定义或为空。为了避免这个错误 #### 引用[.reference_title] - *1* *2* [解决vue中报错 TypeError: Cannot read properties of undefined (reading ‘value‘)](https://blog.csdn.net/Shids_/article/details/125318940)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] - *3* [前后端分离+VUE “TypeError: Cannot read properties of undefined (reading ‘xxx‘)](https://blog.csdn.net/m0_46333124/article/details/127904094)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值