image url variable from db in vuejs

Question

I want show image using url from the db.

Like this

<img class="card-img" src="{{travel.city}}" alt="Card image">

{{travel.city}} is a variable from v-for loop. this v-foor loop is working.

user7781483 · Accepted Answer · 2018-08-20 19:34:00Z

2

Use v-bind directive:

<img v-bind:src="travel.city">

Or short:

<img :src="travel.city">

Hope this will help you :)

answered Aug 20, 2018 at 19:34

user7781483

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

Comments

tony19 · Accepted Answer · 2022-07-16 00:14:41Z

1

Try using the syntax for attribute binding instead:

<img class="card-img" :src="travel.city" alt="Card image">

Vue doesn't support interpolation of mustache-style templates in attributes (like Angular or other frameworks do).

tony19

140k23 gold badges281 silver badges354 bronze badges

answered Aug 20, 2018 at 19:31

John Ellmore

2,2291 gold badge12 silver badges22 bronze badges