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

45 votes185 views3 answers
Button color bootstrap
Html
2 votes141 views1 answer
Ternary vuejs
Html
0 vote139 views1 answer
Confirmed button bootstrap
Html
0 vote135 views1 answer
Ionic checkbox value by function
Html
1 vote148 views3 answers
Twig capitalize
Html
-1 vote134 views1 answer
Bulma fullheight
Html
0 vote145 views1 answer
Education html templates
Html
1 vote153 views1 answer
Uncaught TypeError: Failed to execute 'insertAdjacentElement' on 'Element': parameter 2 is not of type 'Element'
Html
0 vote165 views1 answer
How to show a html page only once
Html
2 votes165 views1 answer
Mm to m
Html