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

15 votes195 views6 answers
Html title attribute
Html
1 vote195 views1 answer
Input type submit for button
Html
0 vote174 views1 answer
Stylesheet einbinden html5
Html
0 vote201 views1 answer
Html table serial number
Html
0 vote188 views2 answers
Html how to give false link
Html
6 votes138 views1 answer
Timepicker html
Html
0 vote239 views1 answer
Chevron down html
Html
0 vote191 views1 answer
Link phone in safari
Html
0 vote201 views1 answer
Pre-fill the input with the default domain
Html
13 votes188 views1 answer
Css text-angle: center
Html