vue3+element plus 前端使用print-js实现打印功能
使用print-js实现前端的打印功能
·
print-js官网链接:
- https://printjs.crabbly.com/
大佬的详细教程:
- https://www.cnblogs.com/lemoncool/p/14210465.html
- https://blog.csdn.net/qq_42571665/article/details/127277049
安装依赖
npm install print-js --save
使用
在需要打印的HTML部分,使用id包裹起来
<button @click="openPrint()">点击打印</button>
<div id="printContent">
<el-table> ......</el-table>
</div>
在js中先引入,然后定义方法
直接在.vue文件中引入就可
import printJS from 'print-js'
function openPrint(){
printJS({
printable: 'printContent',
type: 'html',
targetStyles: ['*']
})
}
更多推荐
已为社区贡献3条内容
所有评论(0)