<template> <iframe id="lloasciiview" :src="source" width="100%" height="750" frameBorder="0" > </iframe> </template> <script> export default { props: { 'asciidocurl':'' }, data() { return { 'source':this.asciidocurl, width:"600", height:"750" } }, mounted() { console.log(" asccomponet "+JSON.stringify(this.asciidocurl)) //this.addlloascii(); }, created() { }, methods: { async addlloascii() { //this.source = this.asciidocurl //document.getElementById('lloasciiview').src = this.asciidocurl; //document.getElementById('lloasciiview').contentWindow.location.reload() } } }; </script>