How to set image path in src attribute using vue 2

Question

Can such an attribute be specified?

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

does not work.

+3

radeveloper Mar 31 17 at 13:08

2 answers

Use :v-bind

(or shortcut ":") instead of "{{ }}"

: v-bind

So :src="Any javascript here !"

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

urlPath

and flight.OperatingAirline._CompanyShortName

must be a javascript variable.

+3

SLYcee Mar 31 17 at 13:15

radeveloper · Accepted Answer · 2017-03-31T13:30:38+0000

After editing @ SLYcee's answer for the combined JSTL solution:

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