[Vue warn]：Cannot read property ‘avatar‘ of undefined

最新推荐文章于 2024-05-20 11:11:58 发布
最新推荐文章于 2024-05-20 11:11:58 发布
阅读量1.7k 收藏 2
点赞数 1
文章标签： json vue.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/haruhyuhae/article/details/108316410
版权

起因是我在templa中写的赋给img标签的参数
在这里插入图片描述

这段赋给img标签的参数，数据结构是这样的
在这里插入图片描述

我在data中获取这段的时候，是直接获取的整段数据
在这里插入图片描述
然后就产生了错误
在这里插入图片描述

解决办法

在这里插入图片描述
就是data中的数据结构，将这段获取参数的数据结构拆开

Kim 希
关注
  • 1
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
出现 TypeError: Cannot read properties of undefined (reading ‘then‘) 解决方法
码农研究僧的博客
03-05 1773
出现 TypeError: Cannot read properties of undefined (reading 'then') 解决方法
[Vue warn]: Error in mounted hook: “TypeError: Cannot read property ‘getAttribute‘ of null“
郭宝的博客
06-24 11万+
错误场景一： 错误提示： 在运行Vue项目时出现了上述错误，出现该错误的原因是Echarts的图形容器还未生成就对其进行了初始化所造成的，代码如下： // 基于准备好的dom，初始化echarts实例 var bar_dv = document.getElementById('bar_dv'); let myChart = this.$echarts.init(bar_dv) 解...
解决vue中Error in render: “TypeError: Cannot read property ‘avatar‘ of undefined“
学如逆水行舟，不进则退！
02-27 7427
前言： 很多前端的入门小白经常遇到,明明已经从后端获取数据并前端接收到数据了但是渲染数据的时候老是报某个字段undefined ,本人也是小白一名所以记录自己结合网上解决的方案总结一下 问题描述： 例如:这是我们后端返回的数据: postInfo:{ "id": 120, "userInfo": { "uid": 23, "nickname": "好好好", "avatar": "http://qny.ztit.cc/...
若依 TypeError: Cannot read properties of undefined (reading ‘avatar‘)
weixin_45424048的博客
07-12 2300
2.清空开发环境配置 VUE_APP_BASE_API = ‘’1.打开.env.development 文件。使用若依框架前端登录时出现。
vue中报错 [Vue warn]: Error in render: "TypeError: Cannot read property 'avatar' of undefined"
mossbaoo的博客
03-04 1万+
vue中报错 [Vue warn]: Error in render: "TypeError: Cannot read property 'avatar' of undefined"，如下图： 这时候你就要检查下你的项目中template模板中是否有用到了没有定义的数据。 举个例子： 在我的template模板中有这么一段dom <img :src="dataDetail...
vue报错之Error in render: "TypeError: Cannot read property 'avatar_url' of undefined
ZHXT__的博客
10-31 1691
Error in render: "TypeError: Cannot read property ‘avatar_url’ of undefined or Error in render: "TypeError: Cannot read property xxx of undefined 这是最近项目上遇到的问题, 主要在遍历数据的时候, 出现的 原因: 此时的写在template 中的数据为...
Vue打包Cannot read property 'tapPromise' of undefined报错处理.docx
01-21
Vue打包Cannot read property 'tapPromise' of undefined报错处理 Vue.js是一款流行的前端框架，用于构建用户界面和单页应用程序。然而，在使用Vue.js时，我们可能会遇到一些报错信息，例如Cannot read property '...
vue: Uncaught TypeError: Cannot read property … of undefined
weixin_43877725的博客
09-01 4876
记录使用vue遇到的一个问题：在把获取到的信息渲染到页面上出报异常了 数据 因为业务的需求，里面还有个对象信息 export default { name: "ShopInfo", data() { return { viewForm: { } } } } 获取数据然后进行处理之后 viewForm: { view: 'test', other: .
uniapp - 项目运行/打包编译/分包报错 TypeError: Cannot read property call of undefined，uni-app控制台出现一堆这种报错（详细解决方法）
最新发布
高级前端工程师
05-20 5322
uni-app，TypeError: Cannot read property call of undefined，报错，安卓app，苹果app，微信小程序，移动端，H5网页，手机网站，微信小程序、支付宝小程序，手机app端，nvue，微信小程序分包报错，uniApp小程序平台分包失败怎么办，uniapp运行编译报错解决方案，UniApp移动端网页控制台报错，详细解决办法，清缓存重新编译，热重载，开启压缩代码还是不行怎么办，刷新或者重启一下又好了，过一会又开始报错，vue，分包，小程序分包，支付宝小程序分包
Vue - Syntax Error: TypeError: Cannot read properties of undefined (reading ‘styles‘) 项目运行时报错，详细解决方案
王佳斌
11-07 6728
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
Vue3中组件无法渲染成功 TypeError: Cannot read property ‘avatar‘ of undefined
weixin_44607194的博客
06-12 979
Vue3中组件无法渲染 TypeError: Cannot read property ‘avatar’ of undefined 做项目的时候，通过props传值传了对象到子组件，结果调用的时候一直报错说找不到对象中的某个属性(undefined)，但是我通过devtools查看的时候却可以在子组件中查找到这个对象的所有完整属性，说明这个对象已经传到子组件了，对象是没有问题的。 报错情况如下： 找了很久发现是在template中，我在根组件里添加了是否要显示的判断 <div v-if="Objec
【Vue】Uncaught (in promise) TypeError: Cannot read properties of undefined (reading ‘avatarUrl‘)
菜就多练
03-21 1606
今天对接口的时候，发现这个问题，读不到接口的属性。我的出错点一般出现读不到属性的问题，就是属性的前一个值找不到（也就是我的creator出问题了）。也就是这个属性不存在，或者存在这个属性，但一开始并没有读到。
Vue——vue报错 Cannot read properties of undefined（reading ‘‘avtarUrl）
qq_43201350的博客
01-08 2367
Vue——vue报错 Cannot read properties of undefined（reading ''avtarUrl）
若依报错 TypeError: Cannot read properties of undefined (reading ‘***‘)
Start_Simple的博客
04-20 2101
这里它控制台不报错debug不出来 你说难受不难受 我还啥也没干呢就噶住了。我拿(reading ‘avatar’)举例。
Vue绑定对象中的对象时报错不存在，“TypeError: Cannot read properties of undefined (reading...
Hamburg520的博客
12-10 1425
触发情景：原先我在请求接口拿到数组后，通过匹配值将某一下标的内容赋值给data里的doctor对象，但是由于我给doctor初始为{}，而在页面代码中我想用到doctor.dot.avatar,发现一直报错，此处我在想，明明我请求接口拿到的数据，dot里的avatar是有值的，为什么会一直报错？
前端解决 “TypeError: Cannot read properties of undefined (reading ‘xxx‘)的多种情况
热门推荐
sunwenpinglike的博客
03-21 35万+
例如：TypeError: Cannot read properties of undefined (reading '$el') at eval。
深入理解并解决Uncaught TypeError: Cannot read properties of undefined技术文章
奇妙的Bug之旅
11-10 9万+
Uncaught TypeError: Cannot read properties of undefined 是一个 JavaScript 运行时错误，它表示你试图访问一个未定义（undefined）对象的属性。这通常是因为你尝试访问一个不存在的变量或者对象的属性。在访问对象的属性之前，你应该先检查该对象是否已经定义。你可以使用typeof操作符来检查一个变量是否已定义。// 访问 myVariable 的属性。
解决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...
Cannot read properties of undefined (reading ‘target‘)
iijik55的博客
03-08 9662
<div class="switch" @click="toswitch()">编辑</div>//@click="toswitch(item)" methods:{ toswitch(item) { if (item.target.innerHTML == "编辑") { item.target.innerHTML = "完成"; } else { item.target.innerHTML = "编辑";
vue TypeError: Cannot read property 'parentNode' of undefined
08-02
这个错误通常是由于在Vue项目中访问了一个未定义的属性而引起的。根据你提供的引用内容，有两种方法可以解决这个问题。 第一种方法是在访问属性之前，先判断该属性是否存在。你可以使用类似的代码来检查属性是否为空，并在为空时设置一个默认值： ```javascript if (data.property == null) { data.property = ""; } ``` 这样，在访问属性之前，你可以先判断它是否存在，如果不存在就添加并设置一个默认值。[2] [3] 第二种方法是在使用属性之前，确保它的父节点存在。这个错误通常是由于父节点不存在而导致的。你可以使用类似的代码来检查父节点是否存在： ```javascript if (data.parentNode != null) { // 在这里访问属性 } ``` 这样，在访问属性之前，你可以先判断它的父节点是否存在，如果存在再进行访问。[1] 希望这些方法能够帮助你解决这个问题。如果还有其他问题，请随时提问。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值