美文网首页
VUE使用Print.js打印指定区域页面

VUE使用Print.js打印指定区域页面

作者: Edison_zhu | 来源:发表于2020-03-26 17:15 被阅读0次

print.js官方链接

npm安装

npm install print-js --save

npm安装时将库导入项目

import print from 'print-js'
  • 在Vue方法中申明方法
print(){
printJS({
printable: 'DOM ID',// 标签元素id
type: 'html',
header: '这是标题'})
}
  • 前端实现
<el-button type="primary" @click=print></el-button>
  • 注意事项

  1. 打印内容样式需要写在 @media print {}中
  2. 不需要打印内容可以通过css,js两种方法控制。

相关文章

网友评论

      本文标题:VUE使用Print.js打印指定区域页面

      本文链接:https://www.haomeiwen.com/subject/qgbcuhtx.html