TypeError:无法读取vue.js组件Laravel 9中null (读取'profile_picture')的属性
TypeError:无法读取vue.js组件Laravel 9中null (读取'profile_picture')的属性
提问于 2022-11-07 08:47:22
环境v9 + vite，PHP8.1，vue3，VPS发行版。乌本图
在我的Laravel项目的vue.js组件中出现了这个错误，它说profile_picture在对象中有一个空值，但是我也对此进行了检查。
<div v-if="typeof rep.user.profile_picture != null">
<img :src="rep.user.profile_picture" :alt="rep.user.name" class="commenter-image rounded-circle"/>
</div>
<div v-else>
<img src="/assets/images/user-placeholder-1.jpg" alt="Commenter-placeholder" class="commenter-image rounded-circle"/>
</div>我在文件中仔细地搜索了这个profile_picture属性--除了这个之外，其他地方都没有。但是仍然存在这个问题，它与sweetalert2库没有任何关系，但是控制台仍然指向这个库，对此错误有什么想法吗？？额外帮助meterial>>
回答 2
Stack Overflow用户
回答已采纳
发布于 2022-11-07 09:12:11
在一些rep对象中，user属性是空的。请验证数组中的所有对象是否都包含user属性中的值。
您可以使用optional chaining (?.)操作符：
v-if="rep?.user?.profile_picture !== null"Stack Overflow用户
发布于 2022-11-07 08:57:25
条件v-if="typeof rep.user.profile_picture != null"不能工作，因为typeof rep.user.profile_picture返回object。所以我建议你把这个条件改为
v-if="rep.user.profile_picture !== null"甚至是
v-if="rep.user && rep.user.profile_picture !== null"页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/74343930
复制相关文章
相似问题
腾讯云开发者
