<md-button class="md-primary md-raised" @click.native="loadImage">Load Image</md-button>
<md-button class="md-primary md-raised" @click.native="clearImage">Clear Image</md-button>
<div>
<md-image :md-src="src"></md-image>
</div>
export default {
data: () => ({
src: null
}),
methods: {
loadImage() {
let options = [
'assets/joker-1.jpg',
'assets/joker-2.jpg',
'assets/joker-3.jpg',
'assets/card-image-1.jpg',
'assets/card-image-2.jpg'
];
this.src = options[Math.floor(Math.random() * 5)];
},
clearImage() {
this.src = null;
}
}
};