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 vote207 views2 answers
Check build version for html text in android
Html
0 vote189 views1 answer
No script image
Html
0 vote241 views1 answer
Who is circle are you acting like(c)[https://www.youtube.com/fe:f9:39:B4:2+02/history(0 YouTube
Html
1 vote192 views2 answers
Open vsc with admin rights linux
Html
7 votes192 views1 answer
Bootstrap background image for card
Html
0 vote179 views1 answer
Change api date
Html
9 votes214 views2 answers
Html make a clickable link
Html
0 vote192 views1 answer
Disable pdf download to not logged in users wordpress
Html
0 vote227 views1 answer
Jnbvtfvghbjklk;oojhv
Html
0 vote191 views1 answer
Hello world svelte
Html