JSFiddle - React, Tailwind, and code Playground

by goldorak

HTML

<div id="app">
  <pre>{{ iframe }}</pre>
  <iframe :src="iframe.src" ref="frame" @load="load" v-show="iframe.loaded"></iframe>
</div>

CSS

iframe {
  position: fixed;
  top: 10vh;
  width: 100vw;
  height: 90vh;
}

JavaScript

new Vue({
  el: '#app',
  data: {
  	iframe: {
    	src: '',
      loaded: false
    }
  },
  methods: {
		load: function(){
    	this.iframe.loaded = true;
    }
  }
})