Данные Vue в атрибуте HTML, т. е. src=»{{изображения[0].src}}»

#vue.js

Вопрос:

Если я возвращаю массив данных, скажем:

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

И на странице, на которой я хочу отобразить изображение, я не уверен, как бы я его извлек:

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

Это то, что я пытался сделать безрезультатно, но, надеюсь, показывает, что я пытаюсь.

Комментарии:

1. в настоящее images время выглядит как странное/плохое сочетание списка и объекта. Вы {src: 'https:....'} имеете в виду [{src: '...'}] , или просто ['https....'] потому , что в зависимости от ответа , как вы ссылаетесь, он меняется

Ответ №1:

Используйте : , чтобы сказать Vue, чтобы он считал это атрибутом.

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

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

(Однако сначала вам придется создать images реальный массив.)

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