vue 模拟文档打印

后端不给力啊,word写入数据再转pdf耗时长,数据越大耗时越长,哎

打印不同尺寸解决方案

设置好尺寸之后,浏览器会根据尺寸分割内容,方便适配如A4(210mm*297mm),或者特殊尺寸需求

var style = document.createElement('style');
// 设置打印时生效的尺寸大小
style.innerHTML = "@media print {@page { size: 210mm 297mm !important;}}";
// 添加
window.document.head.appendChild(style);
// 打印方法
...
// 删除打印设置
window.document.head.removeChild(style)

注意:设置打印边距时,margin 和 padding 有不同程度失效,通常第二页 margin-top 失效,设置打印的盒子边距时建议两者一同使用

其他

打印用的是 print.js

this.$print(this.$refs[this.printType], {})
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值