Vue绑定对象中的对象时报错不存在,“TypeError: Cannot read properties of undefined (reading...

触发情景:原先我在请求接口拿到数组后,通过匹配值将某一下标的内容赋值给data里的doctor对象,但是由于我给doctor初始为{},而在页面代码中我想用到doctor.dot.avatar,发现一直报错,此处我在想,明明我请求接口拿到的数据,dot里的avatar是有值的,为什么会一直报错?

解决方案:初始化doctor的时候,要给doctor初始一个dot对象,这样子在初始加载页面不会因为没有dot这一对象而一直报错(虽然后续通过请求api接口赋值确实存在dot对象,但是dom刚加载时快于onload()或者mounted())

如下:

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
错误vue.esm.js:3767 TypeError: Cannot read properties of undefined (reading 'hobbies')"表示代码尝试读取一个未定义的属性'hobbies'。这个错误通常发生在使用Vue.js,尝试访问一个未定义的数据属性。根据你提供的引用内容,可能有以下几个原因导致这个错误: 1. 属性未被正确定义或初始化:请确保在Vue组件正确定义和初始化属性'hobbies'。你可以在data选项添加'hobbies'属性,并给它一个初始值。例如: ```javascript data() { return { hobbies: [] // 初始值为空数组或其他适合的值 } } ``` 2. 组件的模版未正确绑定属性:请确保在Vue组件的模版正确地使用了'hobbies'属性。你可以使用插值语法或v-bind指令将属性绑定到模版。例如: ```html <div>{{ hobbies }}</div> <!-- 或者 --> <div v-bind:text="hobbies"></div> ``` 3. 属性名拼写错误或大小写不匹配:请检查代码属性名是否正确拼写,并与使用属性的地方保持大小写一致。 请根据以上几点检查你的代码,找出导致错误的具体原因,并进行修正。希望对你有帮助!<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* [Sawyer-zh#study-note#Vue-js路由报错TypeError-Cannot-read-property-c-](https://download.csdn.net/download/weixin_35829279/86254477)[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: 33.333333333333336%"] - *2* [vue.esm.js:3767 TypeError: Cannot read properties of undefined (reading ‘dispatch‘)](https://blog.csdn.net/weixin_46029637/article/details/131992019)[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: 33.333333333333336%"] - *3* [前端vue报错vue.esm.js:3767 TypeError: Cannot read properties of null (reading ‘appendChild‘)](https://blog.csdn.net/xiangshiyufengzhong/article/details/131551273)[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: 33.333333333333336%"] [ .reference_list ]
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值