1先安装printjs
npm install print-js --save
2将printjs 引入项目
import * as Printjs from "print-js";
import * as print_css from "../print.css";
3methods中的打印方法
methods: {
print() {
Printjs({
printable: "print",
type: "html",
style: print_css.printcss,
});
}
}
4注意的几个事项
- 打印的html是没有css样式的,一种方法是在printJs方法的style里面导入string格式的css样式。另一种就是直接在html标签写入css样式。
- 打印html中,内容需要强制分页打印的,可以在需要的地方增添一个css样式。a4纸张的格式大小为210mm*297mm。
<div class="pageBreak"
style="page-break-before: auto;page-break-after: always;"
>
<!--如果需要强制换页就在上一页的未尾出加上此代码-->
</div>