title: VueJS: Bind div content to iframe src
body: <p>I have this pdf embedded on my Vue file, but I want to get the content from a div where I define the html table:</p>
  
  <pre><code>&lt;template&gt;
    &lt;div id="editor"&gt; HTML TABLE HERE &lt;/div&gt;
    &lt;iframe :src="iframe.src" type="application/pdf" width="100%" 
      height="650" frameborder="0" style="position:relative;z 
      index:999" ref="frame" @load="load" v-show="iframe.loaded"&gt;
    &lt;/iframe&gt;
  &lt;/template&gt;
  
  &lt;script&gt;
    export default {
      data() {
        return {
          iframe: {
            src: '', //DIV HERE #EDITOR
            loaded: false
          }
        }
      },
      methods: {
        load: function(){
          this.iframe.loaded = true;
        }
      }
    }
  &lt;/script&gt;
  </code></pre>
  
  <p>Is this possible?</p>