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

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

img


找到对应位置的那句代码
 
这句代码中并没有包含到 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的警告呢?
这种类型的警告该如何解决,又或者说主要是因为什么原因会造成这类警告?

img

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

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

img

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

img

你这item不对,没有数据,作用域(范围)的问题。