关于vue打印pdf的尝试总结

最新推荐文章于 2024-07-15 14:15:20 发布
最新推荐文章于 2024-07-15 14:15:20 发布
阅读量431 收藏 1
点赞数
分类专栏： pdf 文章标签： vue javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_35675325/article/details/111320799
版权

关于vue 打印 pdf 的方式，网上主要有两种，一种是vue-pdf 一种是 pdf.js。
由于在引用vue-pdf 一直报错且issue 没有解决方案。还是就是由于是vue 项目，所以想直接使用npm 包。故选择使用 pdf-dist npm包
做法(经过在网上寻找，找到以下方案。经测试可以使用。故记录以下)
1 下载
npm install pdf-dist
2 在vue 组件内引用

在这里插入图片描述
3 使用 iframe 引入 pdf
在这里插入图片描述

夜偷吻者梦
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
vue中将网页打印成pdf实例代码
08-30
本篇文章主要介绍了vue中将网页打印成pdf实例代码，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
vue 打印pdf文件
m0_70097789的博客
08-17 476
又有新需求了,要求打印pdf,网上大部分使用vue-pdf这个插件,但是这个插件打印时文字乱码,不过也有解决方案,需要改node_modules下的vue-pdf下的src下的pdfjsWrapper.js文件,我觉得这种方法不太行,于是借鉴了这位大佬。这样就可以了 下面展示下打印的效果图。
VUE前端HTML静默打印（不弹出打印对话框）PDF简单方案
最新发布
qq_34168515的博客
07-15 1245
在做打印功能的时候，以前大部分客户端都是用C#做的，静默打印（也就是不弹出打印对话框）比较简单。但是使用浏览器作为客户端，静默打印（也就是不弹出打印对话框）做起来就比较困难。困难的原因是浏览器的各种限制，浏览器并不支持这方面的更改在现有使用vue开发的项目中，有个比较简单的处理方式就是使用 electron-hiprint也就是本来是浏览器去调用打印控件，现在直接在对应电脑上安装一个程序，然后浏览器去调用该程序。
Vue PDF文件预览打印vue-pdf
s_156的博客
10-17 3275
Vue PDF文件预览打印vue-pdf
【VUE 获取PDF文档流直接打印】
weixin_47416539的博客
06-27 544
【代码】【VUE 获取PDF文档流直接打印】
Vue中如何进行文件打印与PDF导出
Java徐师兄的博客
06-15 6510
在Vue应用中，可以通过浏览器提供的方法实现文件打印的功能，也可以通过第三方库如jsPDF和pdfmake实现PDF导出的功能。需要根据具体的需求选择合适的方法和库，并进行相应的调整和配置，以确保输出的文件符合用户的需求。
Vue3打印插件Print.js的使用
小马甲
01-09 3404
如何认识和快速上手 `Print.js`，我们可以从官网的内容开始阅读，在官网中有很详细的介绍和使用例子，虽然是英文版的。`Print.js` 打印插件包括了 `PDF` 打印、`HTML` 打印、`JSON` 打印、图像打印等。本人每篇文章都是一字一句码出来，希望对大家有所帮助，多提提意见。
vue pdf预览打印乱码
05-13
在Vue中使用PDF预览打印时出现乱码的原因可能有多种，需要根据具体情况进行排查。 首先，可能是PDF文件本身的问题。如果PDF文件中有特殊字符或使用了不支持的字体，就容易出现乱码。在这种情况下，可以尝试重新生成...
Vue使用printJS导出网页为pdf、printJS导出pdf、空白页解决、自定义页脚
林中明月间丶
01-05 2669
需求：网页已经写成了pdf的样式，需要点击导出pdf按钮 调用浏览器系统预览-打印。,覆盖外面原有的样式,以去除一些打印时不需要的而原HTML中有的样式。在我们想打印内容的标签上添加id，如下。在想要引入的页面中添加如下代码。
vue-pdf 4.3展示pdf文件无法解析文字
08-31
- *1* [解决vue-pdf查看pdf文件及打印乱码的问题](https://download.csdn.net/download/weixin_38631454/14662042)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_...
pdfjs转图片_Vue项目pdf(base64)转图片
weixin_35902800的博客
12-24 2173
公司有个业务需求,要求后台传pdf的base64编码给前端,前端显示到界面上,后来在网上搜索了很多关于base64转pdf的文章,都写的不是非常的详细,在实现的过程中遇到很多坑,经过一天的研究终于实现了这个功能,分享一下我在这个功能中遇到的问题和解决方法要注明的是这里用到的核心插件是pdf.js,原理是动态生成canvas标签,然后通过pdf.js生成一个能渲染出pdf的对象,随后渲染每个canv...
解决vue-pdf查看pdf文件及打印乱码的问题
01-18
前言 vue中简单使用vue-pdf预览pdf文件，解决打印预览乱码问题 vue-pdf 使用 安装 npm install –save vue-pdf 引入 import pdf from “vue-pdf 自定义封装pdf预览组件 <template> <el visible.sync=pdfDialog close-on-click-modal=false show-close=false width=900px top=52px > <div class=pdf v-show=fileType == '
vue 一键打印PDF文件
lei_jobs的博客
08-21 510
【代码】vue 一键打印PDF文件。
vue 项目中实现pdf预览 pdf打印 pdf下载
Guanchong333的博客
03-31 6138
前端可实现pdf 预览, 打印, 下载.
vue项目使用Print.js插件实现PDF文件打印
tigerhhzz的博客
03-23 9222
vue项目使用Print.js插件实现PDF文件打印
Vue实现将页面转成PDF并下载或直接打印
热门推荐
m0_46219714的博客
11-10 2万+
Vue实现将页面转成PDF并下载或直接打印 步骤1：下载对应的库 npm i html2Canvas; npm i import JsPDF from 'jspdf' 步骤2：创建一个htmlToPdf.js的js文件, 然后在main.js中全局引用一下，编写如下代码： // htmlToPdf.js // 导出页面为PDF格式 import html2Canvas from 'html2canvas' import JsPDF from 'jspdf' export default { insta
vue页面打印pdf(可预览)
weixin_52923266的博客
02-11 1828
把前端页面打印成pdf文件下载到本地,咱们来看一下步骤。
Vue项目实现在线预览pdf，并且可以批量打印pdf的两种方法
qq_37635012的博客
07-18 5750
同时在样式里设置如下打印样式，也是为了控制不多印空白页的问题。2.预览页面里，有个吸顶效果，然后这个pdf后端返回给我的是一个地址，我们预览pdf用到的插件是vue-office-pdf，由于有多个pdf，所以需要遍历，你会看到v-for=“pdf in pdfsArray”。这里需要注意的是，我们在打印时需要取消默认的页眉页脚的勾，然后将边距改为无，这样就能保证打印的页面无页眉页脚且是居中显示内容的了，目标打印机选择好，点击"打印"就能打了。
vue-pdf 进行打印pdf
09-07
你可以使用 vue-pdf 来在 Vue.js 应用中打印 PDF。下面是一些步骤供您参考： 1. 首先，确保您的应用中已经安装了 vue-pdf。您可以使用 npm 或 yarn 进行安装： ```bash npm install vue-pdf ``` 或者 ```...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值