vue使用printjs打印
1先安装printjsnpm install print-js --save2将printjs 引入项目
·
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", //要打印内容的id
type: "html", //可以打印html,img详细的可以在官方文档https://printjs.crabbly.com/中查询
style: print_css.printcss, //打印的内容是没有css样式的,此处需要string类型的css样式
});
}
}
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>
更多推荐
已为社区贡献1条内容
所有评论(0)