vue使用hiprint做打印模板并打印

在Vue中使用html2printer实现打印功能，首先需要安装html2printer库：

npm install html2printer

然后在Vue组件中引入并使用html2printer：

<template>
  <div>
    <div id="printableArea">
      <!-- 需要打印的内容 -->
      <h1>这是一个打印模板</h1>
      <p>这段文字将被打印。</p>
    </div>
    <button @click="print">打印</button>
  </div>
</template>
 
<script>
import html2printer from 'html2printer';
 
export default {
  methods: {
    print() {
      const printContents = document.getElementById('printableArea').innerHTML;
      html2printer(printContents);
    }
  }
}
</script>

在上述代码中，我们定义了一个id为printableArea的DOM元素，它包含了需要打印的内容。点击按钮时，print方法被触发，该方法从printableArea中获取HTML内容，并将其传递给html2printer函数进行打印。