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

5 votes112 views1 answer
How to stop download option in video tag of HTML
Html
2 votes98 views2 answers
Ion input date
Html
8 votes113 views6 answers
Bootstrap cards
Html
1 vote104 views1 answer
Html template redirect page
Html
1 vote104 views1 answer
[(ngModel)] in a select
Html
2 votes128 views1 answer
Twig count array
Html
0 vote105 views1 answer
Plantuml multiline footer
Html
252 votes238 views6 answers
CDN Bootstrap 5
Html
0 vote108 views1 answer
Agregar texto debajo de una imagen html
Html
0 vote108 views1 answer
Description For Page ht;l
Html