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

Question

İs that possible to give an attribute like that?

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

doesn't works.

tony19 · Accepted Answer · 2022-07-15 21:27:11Z

4

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.

edited Jul 15, 2022 at 21:27

tony19

140k23 gold badges281 silver badges354 bronze badges

answered Mar 31, 2017 at 13:15

Happyriri

4,4532 gold badges20 silver badges30 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

radeveloper Over a year ago

Thanks @SLYcee and I made it available with jstl with a little touch: :src="'${urlPath}/img/icon-' + flight.OperatingAirline._CompanyShortName + '.png'"

Jimmery · Accepted Answer · 2017-09-11 13:24:16Z

1

After edit @SLYcee's answer for JSTL combined solution:

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

edited Sep 11, 2017 at 13:24

Jimmery

10.2k25 gold badges90 silver badges166 bronze badges

answered Mar 31, 2017 at 13:30

radeveloper

9362 gold badges12 silver badges20 bronze badges

Collectives™ on Stack Overflow

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

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related