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

16 votes66 views1 answer
Table attributes in html
Html
0 vote65 views0 answer
Html
0 vote110 views1 answer
HTML Regression
Html
0 vote112 views1 answer
Scrool immagini html
Html
0 vote129 views1 answer
How to remove spaces between html elements like lebel
Html
3 votes104 views1 answer
Svg xlink
Html
1 vote106 views1 answer
Html input price
Html
0 vote107 views1 answer
Bootstrap datepicker format dd-mm-yyyy
Html
0 vote119 views1 answer
How to change the color of text in marquee in html
Html
0 vote125 views1 answer
Django template tags background-image
Html