Funny002 / pdfjs-vue

pdfjs-vue

基于 pdf.js 封装的 vue-pdf 插件

ps: 目前只支持链接的方式

更新记录

未支持&部分支持功能

下载 ~ 使用的a标签下载，可能和导致无法下载

打印 ~ 用的window.open 进行新窗口打印，图片过大可能导致不显示问题

宽度/高度适应 ~ 未做

参数

参数名	类型	默认值	说明
src	string	null	必须，要访问的链接
title	string	null	文件名称
print	boolean	true	打印按钮
download	boolean	true	下载按钮
singlePage	boolean	faflse	是否只显示一页 pdf 的渲染

简单实例

<template>
  ......
  <pdf-js-vue :src="pdfUrl" :title="title"/>
  ......
</template>
<script>
import PdfJsVue from 'pdfjs-vue'

export default {
  ......
  components: {PdfJsVue},
  data: function () {
    return {
      ......
      title: 'Hello World.pdf' || 'Hello World',
      pdfUrl: './Hello World.pdf',
    }
  }
}
</script>