vue弹出小窗口打印

Vue.js本身并不直接提供弹出小窗口的功能，但是你可以利用HTML5的一些原生特性或者第三方库如`vue-print-nb`或者`vue-print-dialog`来实现打印需求。以下是简单步骤：

1. **使用`vue-print-nb`**:
- 首先，在项目中安装这个库：`npm install vue-print-nb`
- 在组件中导入并使用它，例如：

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

     <script>
       import { print } from 'vue-print-nb';
       export default {
         methods: {
           print() {
             print({
               type: 'popup', // 弹窗模式
               title: '页面预览',
               body: document.body, // 或者选择要打印的元素
             });
           }
         }
       };
     </script>

2. **使用`vue-print-dialog`**:
- 安装：`npm install vue-print-dialog`
- 在组件中使用类似下面的代码：

     <template>
       <button @click="openPrintDialog">打印</button>
     </template>

     <script>
       import PrintDialog from 'vue-print-dialog';

       export default {
         components: {
           PrintDialog,
         },
         methods: {
           openPrintDialog() {
             this.$refs.printDialog.open({
               mode: 'popup', // 弹窗模式
               title: '页面预览',
             });
           }
         },
         mounted() {
           this.$refs.printDialog.init();
         }
       };
     </script>

记得在`<div>`或者其他合适的元素上添加`ref="printDialog"`以便在JavaScript里引用。