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 完成预览事件 即预览到最后一页