vue-pdf 问题记录

插件版本

4.3.0

问题1：Cannot read properties of undefined

“TypeError: Cannot read properties of undefined (reading ‘catch’)”
亦或是
“TypeError: undefined is not an Object (evaluating ‘pdfRender.camcel().catch’)”

插件源码中pdfjsWrapper.js

// 原代码
pdfRender.cancel().catch(function(err) {emitEvent('error', err);
});// 修改为
pdfRender.cancel();
pdfRender.promise.catch(function(err) {emitEvent('error', err);
});

问题2：部分机型中打开pdf直接是白屏

可以看一下这个issue：当我将画布宽度/高度从下一行的100%更改为50%时，PDF在所有设备的横向模式下都表现良好，因此这主要是因为画布最大尺寸的问题

可以试着修改一下pdf组件的宽度不为100%

问题3：在pdf跟上一页之间反复切换之后(或者可以说是当pdf没有完全渲染时返回上一页)出现白屏问题

可以试着将vue-pdf插件中componentFactory.js文件的destroy函数的内容注释掉
或者把pdf页缓存起来就不会有这个问题了

componentFactory.js

// doc: destroyed hook is not called during server-side rendering.
destroyed: function() {// this.pdf.destroy();
}

vue-pdf 问题记录相关推荐

【VUE】学习记录一
[VUE]学习记录学习视频为:尚硅谷Vue2.0+Vue3.0全套教程丨vuejs从入门到精通 1.查询vue知识点: https://v2.cn.vuejs.org/ 2. 下载和引入 2.1 下 ...
Vue PDF文件预览打印vue-pdf
Vue PDF文件预览vue-pdf 最近做项目,遇到预览PDF这个功能,在网上找了找,大多推荐的是pdf.js,不过在Vue中还是想偷懒直接npm组件,最后找到了一个还不错的Vue-pdf 组件,G ...
vue pdf组件调节大小_创建可移动和可调整大小的Vue组件
vue pdf组件调节大小 Vue可移动 (Vue Moveable) A Vue Component that create Moveable, Draggable, Resizable, Scal ...
Nitro PDF用户记录数据库被盗
包含超过7700万条Nitro PDF用户记录(电子邮件地址.用户名和密码)数据库被盗,已被黑客免费公开泄漏. 黑客公布的这个14GB的泄漏数据库包含77,159,696条记录,其中包含用户的电子邮件 ...
TypeScript与Vue组合开发记录点（一）
TypeScript与Vue组合开发记录点 TypeScript使用Vue-property-decorator属性装饰器 @Component(options:ComponentOptions = ...
fis3+vue+pdf.js制作预览PDF文件或其他
人生第一篇博客,的确有点紧张,但有些许兴奋,因为这对于我来说应该是一个好的开始,以此励志在技术的道路上越走越远. 看过了多多少少的技术博客,给自己带来了很多技术上的收获,也因此在想什么时候自己也可以赠 ...
Vue PDF文件预览vue-pdf
最近做项目,遇到预览PDF这个功能,在网上找了找,大多推荐的是pdf.js,不过在Vue中还是想偷懒直接npm组件,最后找到了一个还不错的Vue-pdf 组件,GitHub地址:https://git ...
vue 组件发布记录
有段时间没做独立的 vue 组件了,最近突然想把一个常用的 vue 组件打成一个 npm 包,方便使用.好久不用,发现已经忘记环境怎么搭建.翻看以前的组件,才慢慢回想起来,中间还出现些问题.在这记录下 ...
Vue学习心得记录之模板语法
下面是我这半年以来总结的Vue学习笔记,帮助自己复习学习Vue的基本用法.有需要的同志可以参考下. Vue的模板语法 Vue有很简单的模板语法,这些Vue指令用来响应式改变渲染DOM可以快速入门上手这 ...
Python使用pdfkit、wkhtmltopdf将html转换为pdf错误记录文档
1.首先,必须安装一下pdfkit这个模块库,使用命令:pip install pdfkit,安装完成后即可,只需在代码写入一行代码,导入即可: import pdffkit 2.接着,我这边是尝试将 ...