Vue img src

Vue dynamic image src

<template>
   <div v-for="pic in pics">
      <img :src="getImgUrl(pic)" v-bind:alt="pic">
   </div>
</template>

<script>
  getImgUrl(pet) {
    var images = require.context('../assets/', false, /\.png$/)
    return images('./' + pet + ".png")
  }
</script>

Source: stackoverflow.com

Vue img src

<img v-bind:src="'/media/avatars/' + joke.avatar" />

Source: stackoverflow.com

Similar codes

1 vote197 views1 answer
Css image fade edges
Html
27 votes180 views2 answers
Coding html ide online
Html
0 vote175 views2 answers
Pignose Calender
Html
0 vote128 views1 answer
Html webgl
Html
4 votes256 views3 answers
Bootstrap 5 include in html
Html
1 vote184 views1 answer
Viewport no scale user
Html
24 votes201 views3 answers
Change icon html
Html
0 vote172 views1 answer
Ionic ion-title center
Html
0 vote193 views1 answer
Adding a corousel to a website
Html
0 vote215 views1 answer
Html print today date
Html