@tato30/vue-pdf 用法

`@tato30/vue-pdf`是一个用于Vue.js环境中的PDF.js库封装，它允许你在前端动态加载、显示和交互PDF文件。以下是使用它的基本步骤：

1. **安装**:
使用npm或yarn安装插件：

   npm install @tato30/vue-pdf
   # 或者
   yarn add @tato30/vue-pdf

2. **导入并配置**:
在你的Vue组件中导入`VuePdf`组件，并在需要的地方初始化它：

   import VuePdf from '@tato30/vue-pdf';
   export default {
     components: {
       VuePdf,
     },
     data() {
       return {
         pdfUrl: 'your_pdf_url', // 替换为你实际的PDF文件URL
       };
     },
   };

3. **在模板中使用**:

   <template>
     <div>
       <vue-pdf ref="pdf" :src="pdfUrl"></vue-pdf>
     </div>
   </template>

这里`ref="pdf"`是用来在JavaScript中引用这个组件。

4. **处理事件和方法**:
可以通过`this.$refs.pdf`访问PDF实例，然后使用提供的API，如预览进度、页面导航等：

   mounted() {
     this.$refs.pdf.load().then(pdf => {
       pdf.getPage(1).then(page => {
         // 设置缩放比例、旋转角度等
         page.render({ scale: 1 });
       });
     });
   }