1.安装依赖"vue-print-nb": "^1.7.5",
2.将需要打印的内容用div包裹起来,id设为print
<div id="print">
我是要打印的内容
</div>
3.设置打印按钮
<el-button
v-print="'#print'"
@click="submitForm"
>打 印</el-button
>
4.打印预览的页面需要做样式处理
@media print {
#print {
font-size: 10px;
}
#print .content {
margin-left: 0px;
box-shadow: none;
}
// 标题
.head_title {
display: inline-block;
font-size: 28px;
margin-top: 50px;
}
}
5.打印完成