vue分页打印

使用 Print.js解决打印table，数据量超出一张纸，导致打印不全

1. 安装好 Print.js:
   npm install print-js --save
2. 引用包(在你页面里面或者全局)：
   import printJS from "print-js";
3. 实现一个按钮或者啥触发打印页面方法：
   <el-button style="height: fit-content; margin-top: auto;" type="success" plain @click="printHtmlCss">打印</el-button>
4. 在打印方法中实现样式，以及对应 ID的 div:

//  直接引用  css文件
  printHtmlCss() {
      printJS({
        printable: "container",
        type: "html",
        css: [
          "../../../../static/css/processinfo.css",
          "../../../../static/css/element-ui/index.css"
        ], //引入css文件
        scanStyles: false
      });
    },
//  直接引用样式
    printHtmlCustomStyle() {
      const style = "@page { margin: 0 } @media print { h1 { color: blue } }"; //直接写样式
      printJS({
        printable: "container",
        type: "html",
        style: style,
        scanStyles: false
      });
    },

5. 查看结果：