vue-plugin-hiprint打印标签

Vue-Plugin-HiPrint是一个用于Vue.js应用程序的插件，它简化了在Vue组件中生成PDF或HTML文件，并支持打印功能，特别是对于需要打印预览、标签或多页布局的应用场景。HiPrint提供了一种易于使用的API，允许你在Vue组件内方便地创建和导出包含表格、图片等元素的文档，以及自定义布局。

通过这个插件，你可以创建类似如下操作：

1. 初始化HiPrint实例：

import HiPrint from 'vue-plugin-hiprint';

export default {
  install(Vue) {
    Vue.use(HiPrint);
  },
};

2. 使用模板或数据渲染打印内容：

<template>
  <div>
    <button @click="printLabels">打印标签</button>
    <hriprint ref="hiPrint" :options="{ labels: labelsData }"></hriprint>
  </div>
</template>

<script>
export default {
  data() {
    return {
      labelsData: [
        { content: 'Label 1', position: [50, 100] },
        // ...
      ],
    };
  },
  methods: {
    printLabels() {
      this.$refs.hiPrint.print();
    },
  },
};
</script>