如何修复 typeError: cannot read properties of undefined (reading 'upload') in vue

Question

我在我的程序中遇到了这个错误，是什么问题？ （文件是正确的）。

:src="http://marketplus.io/${item.data.upload[0].link}"

 <div class="product-card"> <div class="product-card-top"> <NuxtLink:to="`/product/${item.id}`"> <img v-if="item.data" class="w-100":src="`http://marketplus.io/${item.data.upload[0].link}`" alt="product image" /> </NuxtLink> <div class="product-card-actions"> <button class="add-to-wishlist"> <i class="fas fa-heart"></i> </button> <button class="add-to-compare"> <i class="fas fa-random"></i> </button> </div> </div>

Answer 1

看起来item.data在第一次渲染时不可用，您应该在 img 元素中添加条件渲染：

<img v-if="item.data" :src="http://marketplus.io/${item.data.upload[0].link}" />