vueElement 点击按钮以弹窗形式预览pdf文件

Posted weiweiyeyu

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vueElement 点击按钮以弹窗形式预览pdf文件相关的知识,希望对你有一定的参考价值。

直接上代码吧

<div >
<el-button type="success" size="small" @click="isViewPdf20 = true" >按钮</el-button>
</div>


<el-dialog
  title="预览文件"
:visible.sync="isViewPdf20"
:before-close="handleClose"
:fullscreen="true"
>
<iframe :src=你要预览pdf的文件的地址 frameborder="0" style="width: 100vw; height: 80vh"></iframe>
</el-dialog>


以上是关于vueElement 点击按钮以弹窗形式预览pdf文件的主要内容,如果未能解决你的问题,请参考以下文章

layer 弹窗预览编辑器的内容

当我点击图片时,此图片会以弹出窗口的形式打开,但我想向我展示另一张不同图片的图片

JS求助,键盘事件和单击事件,限制只执行一次

前端每日实战:160# 视频演示如何用纯 CSS 创作一个打开内容弹窗的交互动画

安卓下H5弹窗display:table的bug

ajax“显示弹窗详情”和“删除”功能练习