码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2019-08-24 18:51:26      阅读:99      评论:0      收藏:0      [点我收藏+]

标签:更新   cto   parent   let   child   html   tee   idt   move   

<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);
        },

  

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

标签:更新   cto   parent   let   child   html   tee   idt   move   

原文地址:https://www.cnblogs.com/dyy-dida/p/11405438.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!