ja-pdf-view
介绍
基于pdf.js的pdf查看预览组件。
install
npm i ja-pdf-view --save
例子
<template>
<div>
<pdfView
:pdfUrl = "pdfUrl"
mode = "view"
></pdfView>
</div>
</template>
<script>
import pdfView from 'ja-pdf-view'
export default {
name: 'pdfView',
components: {
pdfView
},
data() {
return {
pdfUrl: null
};
},
}
</script>
参数说明
参数 |
类型 |
默认 |
描述 |
mode |
String |
view |
view: 普通查看模式, full: 全屏预览模式 |
回调说明
参数 |
类型 |
描述 |
@load |
Function |
pdf加载完成回调,返回{totalNum: pdf总页数} |
@changePage |
Function |
pdf切换预览页回调,返回{num: 当前页的下标} |
插槽说明
<div slot="full">
全屏模式显示的
</div>
<div slot="view">
普通模式显示的
</div>
<div slot="loadding">
pdf加载中显示的
</div>