vue-print-nb 使用方法

`vue-print-nb` 是一个简单的 Vue 打印按钮组件，使用起来非常直观。以下是基本的使用步骤：

1. **安装**:
首先，通过 npm 安装 `vue-print-nb`：

   npm install vue-print-nb

或者如果使用 yarn：

   yarn add vue-print-nb

2. **导入并使用**:
在你的 Vue 组件中，导入 `PrintButton` 组件，并在模板里使用它：

   <template>
     <button v-print-nb :content="toPrintContent" @print-success="printSuccessHandler"></button>
   </template>
   
   <script>
   import { PrintButton } from 'vue-print-nb';

   export default {
     components: {
       PrintButton
     },
     data() {
       return {
         toPrintContent: '这是一段要打印的内容'
       };
     },
     methods: {
       printSuccessHandler() {
         console.log('打印成功');
       }
     }
   };
   </script>

3. **配置选项**:
可以传递配置选项给 `v-print-nb` 指令，如设置默认的打印标题、边距等：

   <button v-print-nb="{ title: 'My Custom Title', margin: '0.5cm'}" :content="toPrintContent"></button>

4. **事件处理**:
提供回调函数处理打印结果，比如 `@print-success` 会在打印成功后触发。

使用 `vue-print-nb` 的关键是明确你要打印的内容，并配置好相应的样式和选项。注意检查浏览器是否支持相关的打印功能。