print() {
this.isPrint = true
const styles = `@page{ margin: 0cm 1cm 0cm 1cm; }
//设置默认打印横纵向
@media print{@page {size:landscape}}
`;
printJS({
printable: "printTable",
type: 'html',
header: '查看采购计划',
headerStyle: 'text-align:center;width:100%; ',
style: styles,
scanStyles: true,
// 继承样式
targetStyles: '*',
maxWidth: 1920
})
},
结论:
targetStyles: '*', 继承打印的对象的样式
style: 自定义样式
参考文献:
vue+element-ui前端使用print-js实现打印,可自定义样式(横纵向,缩放比,字体大小,背景色)_vue element 打印设置颜色_废八的博客-CSDN博客