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

0 vote274 views1 answer
<iframe width="480" height="440" src="https://statpedia.com/embed/HJRkNdPtd" frameborder="0" allowfullscreen></iframe>
Html
2 votes244 views1 answer
Ion input password
Html
1 vote286 views1 answer
How to add button to open a website using html
Html
2 votes255 views2 answers
Css image as button
Html
5 votes260 views3 answers
Nuxt i18
Html
0 vote284 views1 answer
String variable in angular html
Html
5 votes267 views3 answers
Mdb bootstrap textarea
Html
8 votes249 views1 answer
Onclick call php function with parameters
Html
0 vote260 views1 answer
Lwc unescaped html
Html
0 vote242 views1 answer
Basic html webpage
Html