1<template> 2 <div class="box"> 3 <h1 class="title">Screenshot <a :disabled="disabled" v-on:click="fetch" class="button is-info">Refresh</a></h1> 4 <hr/> 5 <div> 6 <ul> 7 <img v-if="screenshot.length > 0" style="transform: scaleY(-1); width: 1024px; height:768px" :src="'data:image/png;base64,' + screenshot" /> 8 </ul> 9 </div> 10 </div> 11</template> 12 13<script> 14export default { 15 computed: { 16 disabled() { 17 return !this.$store.state.connected 18 }, 19 screenshot() { 20 return this.$store.state.screenshot 21 }, 22 }, 23 methods: { 24 fetch: function() { 25 this.$store.dispatch('sendMessage', "fetch_screenshot"); 26 } 27 }, 28} 29</script> 30 31<style> 32</style> 33