vue-print-nb开启预览

vue-print-nb 是一款用于在 Vue.js 项目中实现打印功能的插件。使用该插件可以方便地将页面内容以 PDF 或图片格式导出，同时还支持预览功能。下面是使用 vue-print-nb 开启预览的方法：

1. 安装 vue-print-nb 插件：在项目中运行以下命令安装该插件。

npm install vue-print-nb --save

2. 在需要使用打印功能的组件中引入 vue-print-nb 插件。

import Print from 'vue-print-nb'

3. 在组件中定义一个打印方法，该方法中调用 vue-print-nb 提供的 `print` 方法实现打印功能。同时，该方法还需要传入一个参数，用于控制预览功能的开启和关闭。

methods: {
  printPreview () {
    // 开启预览
    this.$print(this.$refs.print, { preview: true })
  },
  printPDF () {
    // 关闭预览
    this.$print(this.$refs.print, { preview: false })
  }
}

在上面代码中，`this.$refs.print` 表示需要打印的元素，`preview` 参数为 `true` 表示开启预览功能，为 `false` 表示关闭预览功能。

4. 在组件模板中添加打印按钮，并绑定上面定义的打印方法。

<button @click="printPreview">预览</button>
<button @click="printPDF">打印</button>

在上面代码中，`printPreview` 方法用于开启预览功能，`printPDF` 方法用于关闭预览功能并直接打印。