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

0 vote119 views3 answers
Php warning: php startup: unable to load dynamic library 'bz2'
Html
0 vote111 views7 answers
Mdi icon size and color
Html
0 vote106 views1 answer
How to html in chromebook
Html
0 vote107 views2 answers
Jinja2.exceptions.templatenotfound: templates/index.html
Html
-1 vote106 views1 answer
Bootstrap align-self: center;
Html
55 votes105 views5 answers
Javascript limit input to 2 decimal places
Html
0 vote105 views1 answer
Free diamonds geometry dash
Html
2 votes103 views1 answer
Reload tab using meta
Html
1 vote93 views1 answer
Theme color
Html
2 votes98 views1 answer
Js making input non typeable
Html