Vue - интерполяция внутри атрибутов

Question

У меня следующая ошибка:

src="/images/{{ this.phCode }}/{{ this.galCode }}/thumb/thumb_{{ this.fileName }}": 
Interpolation inside attributes has been removed. Use v-bind or the colon shorthand instead. 
For example, instead of <div id="{{ val }}">, use <div :id="val">.

Хотя пример очень ясен, у меня возникают трудности с пониманием того, как это сделать для моей ситуации, где у меня более одной переменной в атрибуте.

Answer 1

Вы можете использовать литералы шаблона следующим образом:

:src="`/images/${this.phCode}/${this.galCode}/thumb/thumb_${this.fileName}`"