天天看点

vue调用打印机打印页面

这里使用的是一个vue的插件vue-print-nb

1.npm install vue-print-nb --save。

2.因为是插件,所以要use一下。

3.给要打印的区块添加一个id,这时候给点击打印的按钮添加一个指令v-print,指定为要打印的区域id即可。

vue调用打印机打印页面

常见问题

1. 横向打印明明一页就能打印完,但是却会打印两页, 请检查打印区域顶部或者底部是不是有溢出的magin。

2. 打印区域的样式错乱了, 请检查css,尽可能的将选择器写完整一点,如:#printContent  .xxx 。

3. 打印出来的结果紧贴在A4纸边缘,这个只需要给打印区域一个padding内边距即可。