vue3-print-nb打印怎么使用vue3（不使用this）

Vue3中的`vue3-print-nb`是一个方便在Vue组件中实现预览和打印功能的小工具。要在不使用`this`关键字的情况下使用它，你可以按照以下步骤操作：

1. 首先，在你的Vue组件中安装`vue3-print-nb`库，通常通过npm或yarn添加依赖：

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

2. 在模板部分，导入`print`函数，并直接使用它。例如，如果你想在某个按钮点击事件中触发打印，可以这样做：

   <template>
     <button @click="handlePrint">点击打印</button>
     <!-- 其他内容... -->
   </template>

3. 使用箭头函数定义`handlePrint`方法，这样就不需要`this`了：

   <script setup>
   import { print } from 'vue3-print-nb';

   const handlePrint = () => {
     print({
       // 打印配置，如页数、媒体查询等
       options: {
         page: 1,
         landscape: false,
       },
     });
   };
   </script>

4. 如果你想在组件实例初始化时不立即显示打印按钮，可以将`handlePrint`放在`onMounted`钩子里，确保在DOM加载完成后执行。

5. 不使用`this`的一个优点是可以避免因回调地狱导致的问题，让代码更易于理解和维护。