vue利用printjs实现打印

1. 安装printjs

npm install print-js

2. 在需要使用的组件中引入printjs

import printJS from "print-js";

3. 在vue组件中添加打印方法

methods: {
  print() {
    printJS({
      printable: "print", // 需要打印的元素id或class
      type: "html",
      targetStyles: ["*"],
      css: "path/to/your/css/file.css",
      scanStyles: false
    });
  }
}

4. 在模板中添加打印按钮

<template>
  <div>
    <button @click="print">打印</button>
    <div id="print">
      <!-- 需要打印的内容 -->
    </div>
  </div>
</template>

注意：需要打印的元素需要有固定的宽度和高度，否则打印效果可能不尽如人意。