200字范文,内容丰富有趣,生活中的好帮手!
200字范文 > 使用print.js进行分页打印

使用print.js进行分页打印

时间:2021-09-29 15:50:08

相关推荐

使用print.js进行分页打印

如何进行表格大量数据的分页打印

print.js官网

目的:实现大量数据的分页打印

探究过程:几种流行的打印插件,

vue-print-nb

vue-easy-print

都没有实现自动分页打印功能(网上讲解混乱,有的说可以自动分页,有的说不能,导致在这两个插件上耗费很长时间也没实现功能)

最后选取了print-js,

操作过程

使用 npm 安装:

npm install print-js --save

html

<div id="print-box" style={{ fontSize: '30px',textAlign: 'center',lineHeight: '60px',}}>title</div><button @click="toPrint"></button>/**下面这个js,直接放在方法里即可**/...methods: {/*** 打印*/toPrint(){printJS({printable: 'paper', //如果下面的type是json,则这里放表格数据,如果下面type是html,则这里放置div的idproperties:[{field:"name",displayName:"名字",}],//字段的type: 'html',targetStyles: ['*'], //重点 继承原来的样式,没有这个样式就是乱的documentTitle:"EFFORT", repeatTableHeader:true, //重复表头})},

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。