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

1 vote134 views1 answer
Select all text in textarea javascript
Html
0 vote105 views1 answer
Html bitcoin symbol
Html
0 vote107 views1 answer
Html images @2x
Html
0 vote106 views1 answer
Onclick open new page html
Html
1 vote154 views2 answers
Show spinner during API request pure html and jquery
Html
3 votes92 views1 answer
How do i make a line in html
Html
0 vote141 views1 answer
How to add an input next to each other
Html
41 votes111 views6 answers
Html text next line
Html
1 vote121 views1 answer
Basecamp 3 api tag mention
Html
29 votes125 views4 answers
Html starter template
Html