vue使用 print-js打印多页

_阿杰不会写代码_

已于 2022-08-05 14:50:47 修改

阅读量1.5k

点赞数

文章标签： javascript vue.js 前端

于 2022-08-05 09:48:46 首次发布

本文链接：https://blog.csdn.net/weixin_54241338/article/details/126171706

版权

一、安装

npm install print-js --save

二、引入

// 全局引入
import PrintJS from 'print-js'

Vue.use(Print)


//局部引用 需要打印的页面引用
import printJs from "print-js"

    // 打印预览按钮
    dyylBtn() {
        printJs({
        printable: "printTable",
        type:'html',
        header:null,
        targetStyles:['*'],
      })
    },


<el-button type="primary" @click="dyylBtn"> 预览打印 </el-button>
<div id="printTable">
    <div>打印的内容</div>
    <div style="page-break-after:always"></div>  //打印多页
</div>