美文网首页
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