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 vote132 views1 answer
Rotete a imge html mdn
Html
0 vote170 views1 answer
Set value of input ype color in html
Html
1 vote189 views3 answers
Html iframe full page
Html
44 votes167 views6 answers
Comment in html
Html
6 votes174 views2 answers
Html change button size
Html
15 votes161 views1 answer
In select option how to make one default
Html
38 votes182 views6 answers
Html mailto
Html
15 votes179 views1 answer
Tabulation html
Html
0 vote163 views2 answers
Jquery get value of input submit
Html
0 vote180 views1 answer
Elementor text control
Html