直接上代码吧

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


											
vue、Element  点击按钮以弹窗形式预览pdf文件的更多相关文章
	

    
								
  1. fis3+vue+pdf.js制作预览PDF文件或其他
		
    人生第一篇博客,的确有点紧张,但有些许兴奋,因为这对于我来说应该是一个好的开始,以此励志在技术的道路上越走越远. 看过了多多少少的技术博客,给自己带来了很多技术上的收获,也因此在想什么时候自己也可以赠 ...
    
		
    2. 
						
  2. vue+element 点击按钮后 导致 刷新页面 致url中拼接 ？ 或者拼接参数
		
    https://blog.csdn.net/sinat_37255207/article/details/88917162 element 自己的<el-form></el-form ...
    
		
    3. 
						
  3. vue文件流转换成pdf预览(pdf.js+iframe)
		
    参考文档:https://www.jianshu.com/p/242525315bf6 PDFJS: https://mozilla.github.io/pdf.js/     支持获取文件流到客户端 ...
    
		
    4. 
						
  4. vue 如何点击按钮返回上一页
		
    1,vue 如何点击按钮返回上一页呢? 这是vue挂载的范围html代码 <div @click="goOff()">返回</div> 下面是点击返回的方法 ...
    
		
    5. 
						
  5. Vue实现点击按钮进行文件下载(后端Java)
		
    最近项目中需要实现点击按钮下载文件的需求,前端用的vue,因为文件是各种类型的,比如图片.pdf.word之类的.这里后端是可以返回文件的地址给前端的,但我看了下网上各种五花八门的答案,感觉都不是我想 ...
    
		
    6. 
						
  6. webapp项目vue框架点击按钮实现微信好友分享，朋友圈分享
		
    当时做这个这个效果真把人给*了,网上能搜到的基本是微信页面的分享,特征是方法是wx.**开头,不适用于app内.思路都是一样的,先调取服务(这里使用plus的内置方法),再发送分享请求 <tem ...
    
		
    7. 
						
  7. Vue 中使用 viewerjs进行本地上传预览图片
		
    https://www.cnblogs.com/shenjp/p/9754171.html 如果图片路径是 接口的返回信息的话,将路径存储在数组中,在this.$nextTick中实例化Viewer: ...
    
		
    8. 
						
  8. vue前端静态页面Github Pages线上预览实现
		
    一.前期准备之项目编译 此处记录如何解决vue2.0 打包之后,打开index.html出现空白页的问题,附上@参考地址 打包之前修改三个文件 第一步,找到build文件,在webpack.prod. ...
    
		
    9. 
						
  9. vue+element ui 的上传文件使用组件
		
    前言:工作中用到 vue+element ui 的前端框架,使用到上传文件,则想着封装为组件,达到复用,可扩展.转载请注明出处:https://www.cnblogs.com/yuxiaole/p/9 ...
    
		
    10. 
		

	


随机推荐
	

    
									
  1. ubuntu 设置静态ip，但显示scope global secondary ens33
			
    设置静态ip 修改 /etc/network/interfaces 文件 # The loopback network interface auto lo iface lo inet loopback ...
    
			
    2. 
						
  2. Yii源码分享-底层+view层1
			
    文件:https://files.cnblogs.com/files/cwlife/YII%E7%BB%A7%E6%89%BF%E6%A0%91.xmind.zip 视屏:https://v.qq.c ...
    
			
    3. 
						
  3. HDU3622 Bomb Game(二分+2-SAT)
			
    题意 给n对炸弹可以放置的位置(每个位置为一个二维平面上的点), 每次放置炸弹是时只能选择这一对中的其中一个点,每个炸弹爆炸 的范围半径都一样,控制爆炸的半径使得所有的爆炸范围都不相 交(可以相切), ...
    
			
    4. 
						
  4. NHiberante的优缺点
			
    参考 NHiberante的优缺点 3.1 优点 (1).面向对象:NHiberante的使用时只需要操纵对象,使开发更对象化,抛弃了数据库中心的思想,完全的面向对象思想. (2).透明持久化:带有持 ...
    
			
    5. 
						
  5. MySQL解惑——GROUP BY隐式排序
			
    原文:MySQL解惑--GROUP BY隐式排序 MySQL中GROUP BY隐式排序是什么概念呢? 主要是其它RDBMS没有这样的概念,如果没有认真了解过概念,对这个概念会感觉有点困惑,我们先来看看 ...
    
			
    6. 
						
  6. Excel学习笔记：行列转换
			
    目录 offset函数 行列转换的三种方式 1.右键转置 2.转置公式TRANSPOSE 3.引用函数OFFSET+ROWS/COLUMN(支持随时更新数据) 一行(列)转多行多列 offset函数  ...
    
			
    7. 
						
  7. web登录的session、cookie和token
			
    为什么会有登录这回事 首先这是因为HTTP是无状态的协议,所谓无状态就是在两次请求之间服务器并不会保存任何的数据,相当于你和一个人说一句话之后他就把你忘掉了.所以,登录就是用某种方法让服务器在多次请求 ...
    
			
    8. 
						
  8. golang 环境变量讲解
			
    以下配置以MAC 下配置为例,但其他环境下大同小异. GOROOT就是go的安装路径在~/.bash_profile中添加下面语句: GOROOT=/usr/local/go export GOROO ...
    
			
    9. 
						
  9. 公众平台第三方平台 .NET开发
			
    前言:本博客借鉴了很多三方内容整理的,参考博客:竹叶苿. 一.开发的目的(以下是引用官方的话) 公众平台第三方平台 是为了让公众号或小程序运营者,在面向垂直行业需求时,可以一键授权给第三方平台(并且可 ...
    
			
    10. 
						
  10. 第十章、logging模块
			
    目录 第十章.logging模块 一.logging模块及日志框架 第十章.logging模块 一.logging模块及日志框架 导入方式 import logging 作用 写日志 模块功能 # V ...
    
			
    11.