如何使用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和flight.OperatingAirline._CompanyShortName必须是javascript变量。

Answer 2

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

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