注:此前安装 vue3-pdfjs 是参考了网上的一些教程,主要用于获取文件总页数,后续在 github 上看到 vue-pdf-embed 的作者的留言中发现了新的写法。 二、文件预览 1、html 结构内容 <template><div id="vue-pdf-view"><div id="page-view"><vue-pdf-embed:source="pdfState.pdfSource":page="pdfState.page...
1. 安装vue-pdf-embed 首先,你需要在Vue 3项目中安装vue-pdf-embed库。你可以通过npm或yarn来安装。 使用npm安装: npminstallvue-pdf-embed Bash Copy 使用yarn安装: yarnaddvue-pdf-embed Bash Copy 安装完成后,就可以在Vue组件中使用vue-pdf-embed来嵌入PDF文件。 2. 组件化设计:实现PDF预览 接下来,我们将...
npm install vue-pdf-embed --save 或者yarn add vue-pdf-embed 导入并注册组件: 在你的Vue组件中,确保你已经正确导入并注册了vue-pdf-embed。 import { PdfEmbed } from 'vue-pdf-embed'; export default { components: { PdfEmbed, }, // ... }; 检查PDF文件路径: 确保你提供的PDF文件路径是正确的...
npm install vue-pdf-embed --save 或者yarn add vue-pdf-embed 导入并注册组件: 在你的Vue组件中,确保你已经正确导入并注册了vue-pdf-embed。 import { PdfEmbed } from 'vue-pdf-embed'; export default { components: { PdfEmbed, }, // ... }; 检查PDF文件路径: 确保你提供的PDF文件路径是正确的...
在vue3中使用vue-pdf-embed,不显示内容 <template> <div class="pdf-preview"> <div class="pdf-wrap"> <vue-pdf-embed :source="state.source" :style="scale" class="vue-pdf-embed" :page="state.pageNum" /> </div> <div class="page-tool"> <div class="page-tool-item" @click="lastPag...
在vue3中使用vue-pdf-embed,不显示内容 <template> <div class="pdf-preview"> <div class="pdf-wrap"> <vue-pdf-embed :source="state.source" :style="scale" class="vue-pdf-embed" :page="state.pageNum" /> </div> <div class="page-tool"> <div class="page-tool-item" @click="lastPag...