vue用vue-print-nb实现打印功能

Vue-Print-NB是一个基于Vue.js的打印插件，它可以帮助我们在Vue项目中实现打印功能。使用Vue-Print-NB，我们可以轻松地将指定的DOM元素打印成PDF或者图片格式。

要使用Vue-Print-NB，首先需要安装该插件。可以通过npm或者yarn进行安装，具体命令如下：

npm install vue-print-nb

或者

yarn add vue-print-nb

安装完成后，在Vue项目的入口文件中引入并注册该插件：

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

Vue.use(VuePrintNB)

接下来，在需要打印的组件中，使用`v-print`指令来标记需要打印的DOM元素。例如：

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

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

在上面的例子中，我们使用`v-print`指令标记了需要打印的内容，然后在按钮的点击事件中调用`this.$print()`方法来触发打印操作。

需要注意的是，Vue-Print-NB还提供了一些配置选项，可以通过传递参数给`v-print`指令来进行配置。例如，可以设置打印的页面标题、打印的方向等。具体的配置选项可以参考Vue-Print-NB的文档。