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 vote268 views1 answer
Animate image or text html
Html
0 vote193 views1 answer
Negrita htm
Html
0 vote190 views1 answer
Magento 2 call phtml file in cms page
Html
3 votes172 views2 answers
Html dragging get mouse position
Html
6 votes212 views2 answers
Bootstrap jambtr
Html
6 votes144 views1 answer
Timepicker html
Html
6 votes180 views2 answers
Raise WebDriverException( selenium.common.exceptions.WebDriverException: Message: 'chromedriver' executable needs to be in PATH. Please see https://sites.google.com/a/chromium.org/chromedriver/home
Html
0 vote205 views1 answer
Code for centre text in html
Html
7 votes188 views1 answer
Bootstrap background image for card
Html
12 votes231 views3 answers
Html5 video player
Html