vue警告 [Vue warn]: Property "item" was accessed during render but is not defined on instance.

Question

在项目运行中遇到了
[Vue warn]: Property "item" was accessed during render but is not defined on instance.
这个警告

找到对应位置的那句代码
 
这句代码中并没有包含到 item 于是乎我又看向了另外一句可能会报出这个警告的代码
    < img :src="item.picture" alt="">
上面这句代码，因为报出了
Uncaught (in promise) TypeError: Cannot read properties of undefined (reading 'picture')
所以我将它改写成
    < img :src="item && item.picture" alt="">
以此来定义到picture
会不会因为这样而多报出了三句关于item的警告呢？
这种类型的警告该如何解决，又或者说主要是因为什么原因会造成这类警告?

在代码改写前有一句这样的报错，改写后则是变为了四句

改组件完整的vue代码如下:

Answer 1

你item没定义吧？你是想获取list里面的对象吗?是的话，item改成cate