vue2 用printjs设置打印小票样式

要在Vue 2中使用PrintJS设置打印小票的样式，你可以按照以下步骤进行：

1. 首先，安装PrintJS库。可以使用npm进行安装：

npm install print-js

2. 在Vue组件中引入PrintJS库，并创建一个方法来打印小票。例如：

<template>
  <div>
    <div class="receipt">
      <div class="receipt-header">Receipt</div>
      <div class="receipt-item">Item 1: $10.00</div>
      <div class="receipt-item">Item 2: $20.00</div>
      <div class="receipt-item">Total: $30.00</div>
    </div>
    <button @click="printReceipt">Print</button>
  </div>
</template>

<script>
import printJS from 'print-js';

export default {
  methods: {
    printReceipt() {
      printJS({
        printable: 'receipt',
        type: 'html',
        css: 'path/to/your/stylesheet.css'
      });
    }
  }
}
</script>

<style>
.receipt {
  font-family: Arial, sans-serif;
  font-size: 12px;
  line-height: 1.5;
  margin: 0;
  padding: 0;
}
.receipt-header {
  text-align: center;
  font-weight: bold;
  margin-bottom: 10px;
}
.receipt-item {
  margin-bottom: 5px;
}
</style>

在上面的代码中，我们引入了PrintJS库，并创建了一个名为printReceipt的方法来打印小票。当用户点击按钮时，该方法将使用PrintJS库来打印小票。注意，在选项中指定要使用的样式表的路径。

3. 在模板中，使用一个包含小票内容的HTML元素。在我们的示例中，我们使用了一个名为receipt的div元素。

通过以上步骤，你可以在Vue