ja-pdf-view

pdf预览

Usage no npm install needed!

<script type="module">
  import jaPdfView from 'https://cdn.skypack.dev/ja-pdf-view';
</script>

README

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>