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 vote148 views1 answer
Tailwind CSS badges
Html
0 vote180 views1 answer
>1?
Html
0 vote139 views1 answer
Ght TypeError: Cannot read properties of null (reading 'value') at getInchesValue (BMI.is:12) at HTMLSelectElement.onchange (Index.html:20)
Html
-1 vote142 views1 answer
Unicode for cross
Html
90 votes155 views6 answers
Center text
Html
0 vote138 views1 answer
Detailed list html
Html
9 votes155 views2 answers
Placeholder in date input html
Html
1 vote155 views1 answer
Refused to display 'https://www.youtube.com/' in a frame because it set 'X-Frame-Options' to 'sameorigin'.
Html
19 votes166 views5 answers
Vue if class
Html
4 votes144 views1 answer
I'm getting favicon.ico error
Html