vue实现打印功能Print.js

参考的地址:
https://github.com/crabbly/Print.js
https://printjs.crabbly.com/#documentation

项目中有用到打印功能,网上就找了print.js,具体操作步骤如下(也可以参考以上两个链接地址):
1、通过 npm 安装:
npm install print-js --save
2、将库导入到您的项目中:
import printJS from ‘print-js’
3、在需要打印的地方定义ID
在这里插入图片描述
4、后面直接调用就可以了,如图:
在这里插入图片描述

在这里插入图片描述

printable: null 文档来源:pdf或图像的url,html元素的id或json数据的对象
type: PDF 可打印类型。可用的打印选项包括:pdf,html,image,json和raw-html。
header: null 用于HTML,Image或JSON打印的可选标头。它将放在页面顶部。此属性将接受文本或原始HTML
headerStyle: ‘font-weight:300;’ 要应用于标题文本的可选标题样式
targetStyle: null 默认情况下,在打印HTML元素时,库仅处理某些样式。此选项允许您传递要处理的样式数组。例如:[‘padding-top’,‘border-bottom’]

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值