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