注:此前安装 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...
在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...
vue-pdf-embed 不支持 Vue 2。 vue-pdf-embed 是一个专为 Vue 3 优化的 PDF 预览组件,它不支持 Vue 2。如果你正在使用 Vue 2 项目,并且需要嵌入和预览 PDF 文件,可以考虑使用其他支持 Vue 2 的 PDF 预览插件,如 vue-pdf 或pdfvuer。 以下是一些替代方案: 使用vue-pdf: vue-pdf 是基于 pdf.js 封装...
在Vue.js中使用<embed>标签预览PDF文件非常简单。你只需要在Vue组件的模板中添加<embed>标签,并设置src属性为PDF文件的路径即可。 2.1 基本用法 <template><div><embed:src="pdfUrl"type="application/pdf"width="100%"height="600px"/></div></template><script>exportdefault{data() {return{pdfUrl:'/pat...
在Web开发中,PDF文件的预览、翻页和下载是常见的需求。Vue 3作为一个现代的前端框架,非常适合用来构建这样的功能。vue-pdf-embed是一个基于PDF.js的Vue组件,能够方便地在...
在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...