如何使用 vue 2 在 src 属性中设置图像路径

Question

可以给这样的属性吗？

src="${urlPath}/img/icon-{{flight.OperatingAirline._CompanyShortName}}.png"

无效。

Answer 1

使用 :v-bind（或快捷方式“:”）代替 "{{ }}"：v-bind

所以:src="Any javascript here !"

:src="urlPath + '/img/icon-' + flight.OperatingAirline._CompanyShortName + '.png'"

urlPath and flight.OperatingAirline._CompanyShortName must be a javascript variable.

Answer 2

编辑@SLYcee 对 JSTL 组合解决方案的回答后：

:src="'${urlPath}/img/icon-' + flight.OperatingAirline._CompanyShortName + '.png'"

How to set an image path in src attribute using vue 2