render image in vue

Upset Unicorn answered on July 5, 2021 Popularity 10/10 Helpfulness 3/10

answer render image in vue

render image in vue

Comment

<template>
  <div>
    <img :src="image"/>
  </div>
</template>
<script>
export default {
  mounted: function() {
    if (this.source) { //is it empty
      this.image = this.source //replace placeholder
    }
   this.loading = false
  },
  data () {
    return {
      image: somePlaceholderImage,//url for placeholder image
      loading: true
    }
  },
  props: ['source'],
}
</script>

<style>

</style>

Popularity 10/10 Helpfulness 3/10 Language javascript

Source: stackoverflow.com

Tags: image javascript render

Link to this answer
Share Copy Link

Contributed on Jul 05 2021

Upset Unicorn

0 Answers Avg Quality 2/10

render image in vue

Contents

More Related Answers

render image in vue

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.