@matpool/vue-pdf v0.1.0

vue-pdf

vue.js pdf viewer

安装

yarn add @matpool/vue-pdf
yarn add -D worker-loader # 由于 pdfjs 依赖 webworker, vue cli 项目请安装 worker-loader

示例

<template>
  <pdf-viewer file="http://example.com/example.pdf">
    <template v-slot="{ pages }">
      <pdf-page
        v-for="(page, i) in pages"
        :key="i"
        :page="page"
      />
    </template>
  </pdf-viewer>
</template>

<script>
import { PdfViewer, PdfPage } from '@matpool/vue-pdf'
import '@matpool/vue-pdf/dist/vue-pdf.css'

export default {
  components: {
    PdfViewer,
    PdfPage
  }
}

PdfViewer

用于解析 pdf 文件, 通过 slot 分发相关属性给 PdfPage 组件

props

slot attribute

events

PdfPage

渲染 pdf 的一页的内容

props