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

1 vote155 views1 answer
Ionic onfig.xml hide loader
Html
1 vote164 views2 answers
Check build version for html text in android
Html
1 vote161 views1 answer
Tooltip html
Html
-1 vote168 views2 answers
Circular progress bar html css
Html
0 vote152 views1 answer
Save soup as html
Html
0 vote137 views1 answer
Inline vuetify
Html
0 vote147 views1 answer
Html unidades de medida
Html
3 votes154 views3 answers
How to justify text in html
Html
6 votes155 views1 answer
Input type date format dd-mm-yyyy javascript
Html
8 votes149 views4 answers
What is jumbotron in bootstrap
Html