vue 调用打印功能print.js

Vue.js 是一个流行的前端框架，它本身并不直接提供打印功能，但你可以通过引入第三方库 Print.js 来增强页面的打印体验。Print.js 是一款专门用于优化网页内容打印的小巧库，支持多种浏览器，并且易于集成。

要在 Vue 中使用 Print.js，你需要按照以下步骤操作：

1. **安装 Print.js**:
使用 npm 或者 yarn 安装 Print.js，命令如下：

   npm install print-js
   # 或者
   yarn add print-js

2. **导入并注册 Print.js**:
在 Vue 组件的 `main.js` 或者需要的地方导入 Print.js，并在 Vue 的原型上注册以便全局使用：

   import PrintJS from 'print-js';

   Vue.prototype.$print = PrintJS;

3. **调用打印**:
现在你可以在组件内调用 `$print()` 函数来触发打印，比如你想打印一个元素的内容：

   <button @click="printElement">打印元素</button>
   
   <script>
   export default {
     methods: {
       printElement() {
         this.$print({
           element: document.getElementById('your-element-id'), // 替换为你要打印的元素 ID
           type: 'pdf', // 可选类型，如：'pdf', 'image', 'html', 'text'
         });
       }
     }
   };
   </script>

4. **配置打印选项**:
Print.js 提供了丰富的配置选项，如设置页眉、页脚、纸张大小等。查阅官方文档了解更多信息（https://printjs.org/docs/）。