vue项目中通过命令(npm install vue-pdf)安装vue-pdf后报错 Cannot read properties of undefined (reading 'catch')"的解决方法: 1、卸载之前安装的vue-pdf,npm uninstall vue-pdf; 2、安装指定版本的vue-pdf和pdfjs-dist: npm install pdfjs-dist@2.5.207 npm install vue-pdf@4.2.0 重新运行项目,报错...
在指定位置创建一个htmlToPdf.js文件,我个人习惯放在('src/components/utils/htmlToPdf') //导出页面为PDF格式import html2Canvasfrom'html2canvas'import JsPDFfrom'jspdf'exportdefault{ install(Vue, options) { Vue.prototype.exportToPdf=function(domId, fileName) { html2Canvas(document.getElementById(dom...
import{onMounted,reactive,ref}from'vue';importVuePdfEmbedfrom"vue-pdf-embed";// 导入自己的文件importpdfUrlfrom'./2021试卷.pdf';constpdfState=reactive({pdfSource:{url:pdfUrl,cMapUrl:'https://cdn.jsdelivr.net/npm/pdfjs-dist@2.9.359/cmaps/',cMapPacked:true,},// 当前页pageNum:1,// 总...
首先，遇到这个问题时，你需要卸载之前安装的vue-pdf，通过运行以下命令进行移除：接下来，确保你的项目使用的是vue2，并且需要安装特定版本的vue-pdf和pdfjs-dist。你可以通过以下命令安装：请将"指定版本"替换为实际需要的版本号。安装完成后，重新启动你的vue项目，错误通常会得到解决。请确保在vue2环境...
要在Vue项目中安装jsPDF插件,可以按照以下步骤进行:1、使用npm或yarn安装jsPDF插件,2、在Vue组件中导入并使用jsPDF,3、创建和配置PDF文档。这些步骤将帮助您顺利地将jsPDF集成到Vue项目中,并生成PDF文件。 一、使用npm或yarn安装jsPDF插件 您可以使用npm或yarn来安装jsPDF插件。以下是使用这两种工具安装jsPDF的命令...
npm 安装依赖 pdfjs-dist(版本号:2.10.377(目前最新版)) npm install pdfjs-dist --save 注:vue-pdf不兼容IE,pdf.js那个需要下载的,不支持npm依赖包安装,所以选择这个 在vue文件中引入 // 网上很多这里直接引入的,不知道他们怎么对的,反正我要报错,也可能是版本问题import*asPDFJSfrom'pdfjs-dist/legacy/...
npm install pdfjs-dist --save-dev 当然也可以下载安装指定版本的pdfjs: npm install pdfjs-dist@2.2.228 --save-dev 补充说明:下载安装命令很简单,但这个过程折腾了笔者好几天,原因是笔者是在现有应用上新增安装pdfjs,所以总是出现nodejs版本不匹配、webpack版本不匹配等等之类问题导致安装失败,经过试验安装不...
安装vue3-pdf-appnpm i vue3-pdf-app@1.0.3代码子组件封装: PdfView.vue<template> <!-- viewer.properties: 该文件为PDF插件的中文版配置,放置本地或使用服务器网络地址 --> <VuePdfApp :page-scale="pageScale" :theme="theme" :style="`width: ${viewerWidth}; height: ${viewerHeight};`" :p...
import Pdf from "vue-pdf";export default { data() { return { src: "http://storage.xuetangx.com/public_assets/xuetangx/PDF/PlayerAPI_v1.0.6.pdf", // pdf的路径 实际项目后端返回 currentPage: 0, // pdf文件页码 pageCount: 0, // pdf文件总页数 scale: 100, // 开始的时候默认和容器一...
vuenpminstall安装某个指定的版本操作npm安装指定版本的package，只需要在命令⾏之后加上 ‘@版本号'即可，操作如下：1、vue-print-nb最新版本是1.5.0版本，如果我们只想要下载1.2.0版本，操作如下：npm install --save-dev vue-print-nb@1.2.0 npm install --save vue-print-nb@1.2.0 2、命令介绍（...