vue-print-nb用法

vue-print-nb 是一个 Vue.js 的插件，用于在浏览器中打印 HTML 页面。下面是使用 vue-print-nb 的步骤：

1. 安装 vue-print-nb

使用 npm 安装：

npm install vue-print-nb --save

2. 在 Vue 项目中引入 vue-print-nb

在 main.js 文件中添加以下代码：

import Vue from 'vue'
import VuePrintNB from 'vue-print-nb'

Vue.use(VuePrintNB)

3. 在需要打印的组件中添加打印按钮

在需要打印的组件中添加一个按钮，并绑定一个方法来触发打印功能。例如：

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

<script>
export default {
  methods: {
    print() {
      this.$print()
    }
  }
}
</script>

通过调用 `$print` 方法来触发打印功能。

4. 配置打印选项（可选）

vue-print-nb 还提供了一些打印选项，例如设置打印的页眉和页脚等。你可以在 `$print` 方法中传入一个配置对象来进行设置，例如：

this.$print({
  // 页眉
  header: '<h1>页眉内容</h1>',
  // 页脚
  footer: '<h1>页脚内容</h1>',
  // 打印方向
  direction: 'portrait'
})

以上为使用 vue-print-nb 的基本步骤和配置选项。希望能帮助到你！