1、cnpm i vue-print-nb
2、触发事件:v-print="printObj"
3、触发的是个对象:
printObj:{
id: 'print', //需要打印的盒子
popTitle: this.$route.query.matterName, //打印的文件名称title
}
4、需要保证颜色样式的地方加上:-webkit-print-color-adjust: exact;
5、整体样式:
@media print {
@page {
size: auto;
margin: 5mm;
}
#print {
width: 21cm;
min-height: 29.7cm;
padding: 2cm;
margin: auto;
}
}