安装print-js
npm install print-js --save
main挂载
import Print from 'vue-printjs'
Vue.use(Print)
使用 需要打印的id页面
this.$print(this.$refs.child, {
type: "html",
header: "打印标题",
targetStyles: ["*"], // 打印内容使用所有HTML样式,没有设置这个属性/值,设置分页打印没有效果
});
css
@media print {
.el-table thead {
background: rgb(102, 102, 102);
color: #909399;
font-weight: 500;
}
@page {
margin: 1.5cm;
size: A4;
}
html {
height: auto !important;
}
html,
body {
background-color: white;
}
body {
font: 14pt "宋体", Georgia, "Times New Roman", Times, serif;
line-height: 1;
background: #fff !important;
color: #000;
}
}
想要页面的样式(如颜色),和顶部头条(设置)