Arrays 如何在vuejs/vuetify中显示路径在json服务器中的图像？

如何显示路径位于json伪服务器中的图像？json文件中的数据如下所示：

"packages": [
{
...
    "images": [
        "https://i.ibb.co/g7FWSYv/a.jpg", 
        "https://i.ibb.co/hX3xQ5K/b.jpg", 
        "https://i.ibb.co/68TdBNs/c.jpg"
      ],
...
},
]

我使用v-for循环来显示数据

<v-col v-for="(package, index) in packages" :key="index">
    <v-img :src="package.images[0]" ></v-img>
</v-col>

但是图像没有显示出来。控制台中出现错误：

TypeError: Cannot read property '0' of undefined

回答：数据是正确的。它显示了包含3个元素的图像数组

有人能帮我吗

我稍微改变了我的json：

 "images": [
    { "src": "https://i.ibb.co/g7FWSYv/a.jpg"}, 
    { "src": "https://i.ibb.co/hX3xQ5K/b.jpg" }, 
    { "src": "https://i.ibb.co/68TdBNs/c.jpg"}
  ],

并将代码更改为：

<v-img :src="package.images[0].src"></v-img>

---

我仍然在console.log（）中遇到了相同的错误，这取决于

响应的数据结构。数据
如果它是一个包含
图像
字段的对象数组，作为一个图像链接数组，那么您的代码应该可以工作。
如果
response.data
是一个包含
images
数组的单个对象（我假定），则
TypeError:cannotread属性“0”的未定义的
将被提升，在这种情况下，您不需要循环来显示0索引图像，只需

<v-img v-if="packages.images" :src="packages.images[0]" ></v-img>


是否响应。数据是否正确？
c
（顺便说一句，你真的应该给它一个更有意义的名字…）的值是多少？如果你想得到一些答案，请提供必要的信息。你好，皮埃尔，我认为回答是正确的。我已经编辑了我的问题。这可能是因为在
initialise（）
解析之前呈现了模板。尝试向
v-img
添加条件，如
。
<v-img v-if="packages.images" :src="packages.images[0]" ></v-img>