vue使⽤PrintJS插件打印第⼀步，先安装 print-js 插件
vuejs流程图插件npm install print-js --save
第⼆步，在想要打印的Vue页⾯引⼊组件
import print from 'print-js';
第三步，在想要局部打印的 div 上 添加 id
<div id="codeList">
<!-- page-break-after 属性是分页 -->
<div v-for="i in 10" >
<div>测试{{i}}</div>
</div>
</div>
<button @click="goPrint">打印预览</button>
methods: {
goPrint(){
printJS({
printable: 'codeList',
type: 'html',
targetStyles: ['*'],
ignoreElements:['no-print','bc','gb']
})
}
}
printable：要打印的id。
type：可以是 html 、pdf、 json 等。
properties：是打印json时所需要的数据属性。
gridHeaderStyle和gridStyle都是打印json时可选的样式。
repeatTableHeader：在打印JSON数据时使⽤。设置为时false，数据表标题将仅在第⼀页显⽰。scanStyles：设置为false时，库将不处理应⽤于正在打印的html的样式。使⽤css参数时很有⽤。targetStyles: [’*’]，这样设置继承了页⾯要打印元素原有的css属性。
style：传⼊⾃定义样式的字符串，使⽤在要打印的html页⾯ 也就是纸上的样⼦。ignoreElements：传⼊要打印的div中的⼦元素id，使其不打印。⾮常好⽤

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。