sonicyard

  博客园 :: 首页 :: 新随笔 :: 联系 :: 订阅 :: 管理 ::

日常配置:

npm install print-js --save

在需要打印的页面引入

import printJS from "print-js"

示例与onPrintDialogClose无效问题解决

<el-button type="primary" icon="el-icon-printer" @click="doPrint" >打印</el-button>
<script>
export default{
  methods: {
    doPrint() {
            let focuser = setInterval(() => window.dispatchEvent(new Event('focus')), 500);
            printJS({
                printable: 'mzTable-' + this.tid,
                type: 'html',
                scanStyles: false,
          css:'/static/css/print.css',//css路径:public/static/css/
                onPrintDialogClose: () => {//取消打印回调
                    clearInterval(focuser);
                    console.log("瞅你咋地");
                }
            })
    }
  }
}
</script>

 

posted on 2021-01-27 10:00  sonicyard  阅读(2161)  评论(1)    收藏  举报