vue3 实现可分页打印功能

vue3 实现可分页打印功能

最近项目中使用报表打印的功能，开发中存在一些问题，现在来整理一下

我们在使用打印时选择了print-js插件

安装如下：

yarn add print-js --save
or
npm install print-js --save

使用时引入，如下：

import printJS from "print-js"

一、针对打印div的标签内容

我们可以这样设置，在要打印的div上添加属性 id=“print” (名字随便你取)

打印方法如下：

const enterDialog = async () => {
      const style = '@page {margin:0mm 10mm};'//打印时去掉眉页眉尾
      printJS({
        printable: 'print',// 标签元素id
        type: 'html',
        header: '',
        targetStyles: ['*'],
        style
      });
}

存在的问题

如果打印的这个div是可以滚动的，存在滚动条&#