vue中pdf预览组件_基于vue的pdf预览组件

vue-pdfjs-previewer

基于vue的pdf预览组件

本地起服务 npm run dev -- pdfPreviewer(该参数说明是表示运行examples下哪个例子)

安装 npm install vue-pdfjs-previewer

使用方法

#第一步注册该组件

import Vue from 'vue'

import PdfPreviewer from 'vue-pdfjs-previewer'

Vue.use(PdfPreviewer);

#第二步使用该组件例如：

title="我是标题"

:show="isShowViewer"

:url="url"

@onBeforePreview="handleBeforePreview"

@onSuccessOpenPdf="handleSuccessPreview"

@onFailOpenPdf="handleFailPreview"

@onCloseViewer="handleCloseViewer"

@onFinishViewer="handleFinishViewer"

Api说明

#props

title 标题

show 是否可见

url 预览地址

#methods

onBeforePreview 预览之前事件

onSuccessOpenPdf 解析文件成功事件

onFailOpenPdf 解析文件失败事件

onCloseViewer 关闭预览事件

onFinishViewer 完成预览事件即预览到最后一页

vue中pdf预览组件_基于vue的pdf预览组件相关推荐

vue实现卡片式上下滑动_基于Vue.js仿制探探卡片左右滑动特效
说明 > 最近一直在捣鼓Nuxt.js项目,项目中有个需求是实现类似探探左右滑动切换功能.要求能实现手指拖拽切换.点击按钮进行切换.拖拽回弹等功能. 如上图:最终展示效果 emmm~~ 是不是感 ...
vue 微信公众号支付接口_基于vue的h5项目之支付宝支付与微信支付
本文仅记录基于vue开发h5项目过程中使用支付宝和微信支付过程中的重点与槽点,仅为前端部分,如有疏漏不正之处,请于文末评论探讨.注意:标红部分灰常重要,仔细阅读官方文档非常重要,耐心非常重要,细心非常 ...
vue和Java做数据交互_基于vue和springmvc前后端分离，json类接口调用介绍
基于vue和springmvc前后端分离,json类接口调用介绍版本要求:spring-3.2.9.RELEASE.vue-2.9.2.axios-0.17.1,其中axios作为http clie ...
基于vue的响应式ui框架_基于Vue.js的响应式和可配置UI框架
基于vue的响应式ui框架 Framevuerk (Framevuerk) Fast, Responsive, Multi Language, Both Direction Support and C ...
vue中tab切换前端实现_使用vue实现tab操作
tab功能在网页中是比较常见的,那么用vue怎么实现tab操作呢,与jQuery实现tab的思路有什么区别呢? 在使用jQuery类库实现tab功能时,是获取鼠标在mousenter或click时的i ...
vue里面怎么删除部分页面_基于VUE选择上传图片并页面显示（图片可删除）
基于VUE选择上传图片并在页面显示,图片可删除,具体内容如下 demo例子: 依赖文件: HTML文本内容: 相关照片 JS文本内容: /** * 从 file 域获取本地图片 url */ fun ...
vue实现上下滑动翻页_基于vue实现上下滑动翻页效果
18年年底的时候,一直在做年度报告的H5页面,因为项目需要,需要实现上下滑动翻页,并且上滑的页面比正常页面的比例要缩小一定比例. 效果类似于http://www.17sucai.com/pins/de ...
vue实现留言板的功能_基于vue和bootstrap实现简单留言板功能
本文实例为大家分享了vue实现简单留言板功能的具体代码,供大家参考,具体内容如下作为一个刚开始接触vue的前端小白,我想在这里记录一些学习过程,希望和大家一起进步,如有不妥处之处,请多多指教呦. 今 ...
vue实现搜索框搜索新增_基于Vue.js实现简单搜索框
主要用到的知识很简单,简单的vuejs2.0的知识就够了.源码用了.vue构建和ES6,用了webpack打包等等.我资历还浅,先用一个简单的.js的写. 先看效果这里有两个组件,一个组件是logo ...
vue 实现文本的拖拽_基于Vue实现拖拽功能
本文实例为大家分享了Vue实现拖拽功能的具体代码,供大家参考,具体内容如下效果图: HTML代码: 位置 x:{{val.x}} y:{{val.y}} //注意这里要通过指令绑定函数将当前元素的位 ...

vue中pdf预览组件_基于vue的pdf预览组件

vue中pdf预览组件_基于vue的pdf预览组件相关推荐

最新文章

热门文章