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

111 votes121 views6 answers
Adding image in html
Html
2 votes113 views1 answer
Bootstrap form input select
Html
1 vote117 views2 answers
Html if no image then text
Html
0 vote130 views1 answer
Make text bold js
Html
17 votes128 views3 answers
Random image url
Html
5 votes123 views7 answers
Programming
Html
1 vote120 views1 answer
Input type for website in html
Html
0 vote128 views1 answer
Asp display object list in table
Html
1 vote134 views1 answer
Code to start text from right in html in arabic
Html
0 vote138 views1 answer
How to add a url into elementor form
Html