@jacktea/pdf-viewer-vue

专为 Vue 3 应用打造的 PDF 预览与批注组件。

简介

本组件是对 @jacktea/pdf-viewer-component (Web Components) 的一层 Vue 3 包装器，提供了 Vue 友好的 API（Properties & Events 绑定），并享有完整的 TypeScript 类型提示。

安装

npm install @jacktea/pdf-viewer-vue

yarn add @jacktea/pdf-viewer-vue

pnpm add @jacktea/pdf-viewer-vue

基础用法

<template>
  <div style="width: 100%; height: 100vh;">
    <PdfViewer 
      src="/path/to/your/document.pdf"
      @load="onPdfLoaded"
    />
  </div>
</template>

<script setup lang="ts">
import { PdfViewer } from '@jacktea/pdf-viewer-vue';
// 引入基础样式（如果需要的话，具体按照组件导出规格）
import '@jacktea/pdf-viewer-component/dist/index.css'; 

const onPdfLoaded = () => {
  console.log('PDF Document has been successfully loaded!');
};
</script>