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
    评论
Vue Ganttastic是一个基于Vue.js的开源项目,它提供了一个简单易用的甘特图组件。甘特图是一种用来展示项目进度和任务安排的图表,可以直观地展示项目各个任务的时间线和进度。 Vue Ganttastic的文档提供了对该组件的详细介绍和使用指南。文档中首先介绍了该组件的特性和优势,如支持自定义任务颜色、大小和进度、支持任务的拖拽和缩放等。然后,文档提供了安装和使用该组件的步骤。通常情况下,我们需要使用npm或yarn来安装Vue Ganttastic,然后在项目中引入该组件并进行配置。文档中展示了如何引入并注册该组件,以及如何在项目中使用。 接下来,文档详细介绍了该组件的各种属性和方法。例如,文档会介绍如何设置任务的数据源和时间范围、如何设置任务的样式和进度、如何监听任务的事件等。文档还提供了一些示例代码以及解释,这些示例代码可以帮助开发者更好地理解和使用该组件。 此外,文档中还介绍了一些高级功能和扩展选项,如自定义任务的模板、任务的连线和依赖关系等。这些功能可以根据具体需求进行定制和扩展,使得Vue Ganttastic能够满足更多复杂的项目管理需求。 总的来说,Vue Ganttastic文档提供了对该组件的全面介绍和详细的使用指南,对于有需要的开发者来说,可以帮助他们快速上手并充分发挥该组件的优势。

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值