如何使用 vue-plugin-hiprint 打印 并排标签

Vue-plugin-hiprint是一个用于Vue.js的打印插件，它简化了HTML元素的打印过程。如果你想在Vue项目中并排打印带有标签的元素，可以按照以下步骤操作：

1. 安装`vue-plugin-hiprint`：
使用npm或yarn安装：

   npm install vue-printer --save
   # 或者
   yarn add vue-printer

2. 引入并注册插件到Vue实例中：

   import HipPrint from 'vue-printer';
   Vue.use(HipPrint);

3. 在需要打印的组件模板中，创建并排显示的标签元素，例如`<div>`或其他容器，并设置CSS样式使其并排放置。例如：

   <template>
     <div class="print-container">
       <label v-for="(tag, index) in tags" :key="index">
         {{ tag }}
       </label>
     </div>
   </template>

确保`.print-container`有适当的CSS，比如`display: flex; flex-wrap: wrap; justify-content: space-between;`。

4. 当需要打印时，可以在组件的某个方法中调用打印功能，传递包含标签的元素作为参数：

   export default {
     methods: {
       printLabels() {
         this.$print({
           target: '.print-container', // 指定要打印的元素
           header: '', // 可选的页眉信息
           footer: '', // 可选的页脚信息
           orientation: 'landscape', // 设置纸张方向为横版
         });
       },
     }
   }

5. 调用`printLabels()`方法，用户将会看到并排排列的标签内容被打印出来。