elementUI el-dialog 解决embed标签无法实时更新预览PDF文件

Posted 2022-08-21 dyy-dida

<el-dialog class="padd-dialog" width="60%" title="详情" @opened="opened" :visible.sync="previewDialogvisible" append-to-body>
      <div class="dialog-body">
<!--        <embed style="width:100%;height:600px">-->
      </div>
    </el-dialog> 

　　js

opened()
            let oldEmbed = document.querySelector("embed");
            if(oldEmbed != null)
                oldEmbed.parentNode.removeChild(oldEmbed);
            
            let dialogBody = document.querySelector(".dialog-body");
            let embed = document.createElement("embed");
            embed.src = this.url;
            embed.style.width="100%";
            embed.style.height="600px";
            dialogBody.appendChild(embed);
        ,