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

最新推荐文章于 2024-04-09 14:29:09 发布

weixin_30684743

最新推荐文章于 2024-04-09 14:29:09 发布

阅读量670

点赞数

文章标签： javascript ui ViewUI

原文链接：http://www.cnblogs.com/dyy-dida/p/11405438.html

版权

<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>

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

转载于:https://www.cnblogs.com/dyy-dida/p/11405438.html