HTML 属性中的 Vue 数据，即 src="{{images[0].src}}"答案

【问题标题】：Vue data within HTML attribute i.e src="{{images[0].src}}"HTML 属性中的 Vue 数据，即 src="{{images[0].src}}"
【发布时间】：2021-06-01 00:12:07
【问题描述】：

如果我要返回一个数据数组，可以说：

data: {
images: [src: 'https://some.url/1.jpg']
}

在我想显示图像的页面中，我不确定如何检索它：

<img src="{{images[0].src}}">

这是我尝试过但没有运气但希望能展示我正在尝试的东西。

【问题讨论】：

目前images 看起来像是列表和对象之间的奇怪/错误组合。你的意思是{src: 'https:....'}、[{src: '...'}]，还是只是['https....']，因为根据你引用的答案，它会发生变化

标签： vue.js

【解决方案1】：

使用: 告诉 Vue 将其视为一个属性。

https://vuejs.org/v2/guide/syntax.html#Attributes

<img :src="images[0].src">

（不过，您必须先将 images 设为实际数组。）

images: [{src: 'https://some.url/1.jpg'}]

【讨论】：