Vue image 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 image src

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

Source: stackoverflow.com

Similar codes

0 vote163 views1 answer
Symfony twig global
Html
21 votes144 views1 answer
Resposnive tag
Html
1 vote170 views1 answer
Bootstrap large text clip
Html
0 vote145 views1 answer
3d css gallery js
Html
10 votes192 views3 answers
Html lazy loading images
Html
3 votes147 views1 answer
Difference between name and id html
Html
0 vote156 views1 answer
Ordered list html mdn
Html
1 vote147 views1 answer
Link to the same page
Html
0 vote153 views1 answer
React html parser
Html
2 votes166 views1 answer
Html context menu
Html