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 vote178 views1 answer
Hand cursor not showing in anchor tag when hover html
Html
10 votes183 views1 answer
W3school
Html
0 vote208 views4 answers
Html close modal when click outside
Html
0 vote180 views1 answer
Html ecrire en gras
Html
0 vote202 views2 answers
Nav bar activate in jinja
Html
86 votes197 views6 answers
Markdown cheat sheet
Html
-1 vote211 views1 answer
Uncaught ReferenceError: Chartist is not defined
Html
-1 vote187 views1 answer
Select option with icon bootstrap
Html
3 votes181 views1 answer
Html pass a string to clipboard
Html
1 vote197 views1 answer
Input text expand to fit content
Html