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

18 votes175 views1 answer
Tlauncher download
Html
0 vote189 views1 answer
Nested select option in html
Html
0 vote200 views1 answer
How to align a link in a bootsrap navbar o the left
Html
0 vote183 views2 answers
Jquery html input value add
Html
1 vote182 views1 answer
Accept method jsf component
Html
0 vote213 views1 answer
Markup embed youtube
Html
0 vote183 views1 answer
Inject html text bold into page view.py
Html
0 vote260 views1 answer
Half space html
Html
0 vote171 views1 answer
Etiquetas html para seleccionar imagenes
Html
0 vote128 views1 answer
Fam
Html