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

14 votes153 views6 answers
Html select placeholder
Html
69 votes159 views5 answers
Bootstrap 4 center div
Html
14 votes152 views3 answers
Accordion html
Html
92 votes155 views6 answers
Bootstrap bg colors
Html
19 votes142 views3 answers
Bootstrap responsive navigation menu
Html
12 votes131 views5 answers
Meta refresh
Html
0 vote145 views1 answer
Html skype
Html
30 votes156 views5 answers
What is iframe html
Html
7 votes146 views3 answers
Increase video speed html5
Html
52 votes154 views6 answers
Html stands for
Html