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

2 votes219 views2 answers
Break line height css
Html
110 votes225 views3 answers
Html open html in new tab as plain text
Html
0 vote197 views1 answer
Upload svg to wordpress
Html
111 votes188 views6 answers
How to add an image in html
Html
0 vote201 views1 answer
How to take input from user in html
Html
0 vote223 views1 answer
Html meta boilerplate
Html
0 vote204 views10 answers
Include html
Html
0 vote206 views1 answer
Html acesskey
Html
1 vote163 views1 answer
Doc.fromhtml is not a function
Html
0 vote219 views1 answer
Html make box shadow
Html