vue3-print-nb 打印表单

`vue3-print-nb` 是一个基于 Vue 3 的打印组件，它可以让你方便地在 Vue 3 应用程序中添加打印功能。使用这个组件，你可以打印出Vue组件的内容或者特定的HTML元素。它通常通过创建一个可打印的元素版本，然后触发打印对话框的方式来实现打印功能。

以下是使用`vue3-print-nb`组件的一个简单示例：

1. 首先，你需要安装这个组件，可以通过npm或yarn来进行安装。

npm install vue3-print-nb --save
# 或者
yarn add vue3-print-nb

2. 在你的Vue组件中导入并注册`vue3-print-nb`组件。

import { defineComponent } from 'vue';
import Print from 'vue3-print-nb';

export default defineComponent({
  components: {
    Print
  },
  // ...
});

3. 在模板中使用`Print`组件，并指定你希望打印的内容。

<template>
  <div>
    <!-- 普通内容 -->
    <print>
      <!-- 这里是你希望打印的内容 -->
      <div>这是要打印的表单内容</div>
    </print>

    <!-- 按钮触发打印 -->
    <button @click="handlePrint">打印表单</button>
  </div>
</template>

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

在上面的示例中，`Print`组件内部的内容将被渲染到一个新的窗口或者iframe中，并且用户可以通过一个按钮点击来触发打印。