这里使用的是一个vue的插件vue-print-nb
1.npm install vue-print-nb --save。
2.因为是插件,所以要use一下。
3.给要打印的区块添加一个id,这时候给点击打印的按钮添加一个指令v-print,指定为要打印的区域id即可。
常见问题
1. 横向打印明明一页就能打印完,但是却会打印两页, 请检查打印区域顶部或者底部是不是有溢出的magin。
2. 打印区域的样式错乱了, 请检查css,尽可能的将选择器写完整一点,如:#printContent .xxx 。
3. 打印出来的结果紧贴在A4纸边缘,这个只需要给打印区域一个padding内边距即可。