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 vote207 views1 answer
Lunch sms app from browser with sms:
Html
55 votes168 views6 answers
Basic html template
Html
25 votes153 views6 answers
Bootstrap 4 navbar
Html
0 vote135 views1 answer
Liens hypertexte html mdn
Html
25 votes147 views4 answers
Select dropdown default value
Html
0 vote129 views1 answer
How to update html before alert
Html
25 votes149 views6 answers
Navbar bootstrap 4
Html
0 vote139 views3 answers
How to make a svg of full width of a webpage html
Html
1 vote136 views2 answers
Bootstrap nav search form
Html
3 votes137 views1 answer
Define the author of a page:
Html