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 vote201 views1 answer
Color de las letras en html
Html
0 vote200 views1 answer
Mobile menu bootstrap
Html
0 vote304 views1 answer
Chevron down html
Html
2 votes274 views2 answers
How to send sms with a tag in html
Html
8 votes203 views1 answer
Easy Learning with HTML "Try it Yourself"
Html
38 votes203 views6 answers
Iframe attributes
Html
8 votes265 views1 answer
How to use flaticon in html
Html
0 vote220 views1 answer
How to download youtube videos in pc though html
Html
1 vote195 views1 answer
Credit card form html
Html
5 votes217 views3 answers
Html a link tag
Html