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}`"