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>