Как вставить элемент в строку из цикла vue?

Question

[vetsmen]

<div v-for="item in items.type" class="sort">
					<div class="img">
						<img :src="item.img">
					</div>
					<div class="title"><span>{{item.title}}</span></div>
					<div class="price"><span>{{item.price}}р</span></div>
				</div>

Интересует именно элемент item.img. Если я ставлю так:
<img src="http://site.ru/img/{{item.img}}">, то vue выбрасывает ошибку. А <img :src="item.img"> мне не подходит, ибо мне нужно еще добавить путь в начало.

Answer 1

[Evgeny Kulakov]

<img :src="`some/path/${item.img}`">

Answer 2

[Alexander]

Сделайте метод:

methods: {
	imagePath(src) {
		return `/path/${src}`
	}
}

И используйте:
<img :src="imagePath(item.img)">

Не уверен, хорошая ли это практика, буду рад если кто подскажет :)

Answer 3

[Александр Аксентьев]

https://v2.vuejs.org/v2/guide/syntax.html#Using-Ja...

Answer 4

[Artem0071]

ошибка потому что vue не может найти данную картинку в вашем проекте
Попробуйте :src="'//'+item.img", но не уверен что поможет
И если вам нужно добавлять путь, то и добавляйте сразу его