vue生成打印标签模板

你可以使用vue-html-to-paper插件，它可以将vue组件转换为打印标签模板。

首先，你需要安装vue-html-to-paper插件，可以通过npm安装：

npm install vue-html-to-paper --save

然后，在需要使用打印标签的组件中引入插件并注册：

import VueHtmlToPaper from 'vue-html-to-paper';

export default {
  name: 'PrintLabel',
  data() {
    return {
      labelData: {
        // 打印标签数据
      }
    }
  },
  methods: {
    printLabel() {
      // 打印标签
      this.$htmlToPaper('printArea');
    }
  },
  mounted() {
    // 注册打印模板
    Vue.use(VueHtmlToPaper, {
      name: '_blank',
      specs: [
        'fullscreen=yes',
        'titlebar=yes',
        'scrollbars=yes'
      ],
      styles: [
        // 打印模板样式
      ],
      css: [
        // 打印模板CSS
      ]
    });
  }
}

在template中，你可以使用标准的HTML标签和样式来创建打印标签模板，例如：

<template>
  <div id="printArea">
    <h1>{{ labelData.title }}</h1>
    <p>{{ labelData.description }}</p>
    <img :src="labelData.image" />
  </div>
</template>

最后，在需要打印标签的地方调用printLabel方法即可。

<button @click="printLabel">打印标签</button>