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

34 votes277 views2 answers
Disable form input autocomplete
Html
0 vote281 views1 answer
Asciidoc anchor
Html
0 vote304 views1 answer
How to disable tabindex
Html
0 vote273 views1 answer
Repeat task multicraft
Html
0 vote296 views1 answer
Mega Menu ADA Compliance
Html
0 vote275 views1 answer
Disabled attribute is not working in html
Html
0 vote299 views1 answer
Image urol in src local image
Html
0 vote260 views1 answer
Text without html laravel function
Html
0 vote273 views3 answers
Twig date
Html
0 vote367 views3 answers
A4E65CBE3A6138978B9A802656F13AED.uat01-vm-tx01
Html