js调用打印机

js打印页面元素

借助print.js
使用时，指定一个容器

<div id="print" class="print">
  <template v-for="(item, inx) in pdfList" key="inx">
    <div class="pdf-item2">
      <p>{{item.line1}}</p>
      <p>{{item.line2}}</p>
      <p>ECS-03-{{pdfList.length}}-{{inx + 1}}</p>
      <p>{{item.line4}}</p>
      <p>SKU：{{item.name}}*{{item.boxOfNum}}</p>
    </div>
     //  这个行内样式是用来分页的
    <div style="break-after: page;"></div>
  </template>
</div>


// 引入print.js  这里是cdn引入的
<script src="https://printjs-4de6.kxcdn.com/print.min.js"></script>
 <link rel="stylesheet" type="text/css" href="https://printjs-4de6.kxcdn.com/print.min.css">

// 使用。 style的样式可以用在打印的内容上，所有文字水平居中，会自动适应各种大小纸张居中
printJS({
  printable: 'print', // 容器id
  type: 'html',   // 源内容类型。详细可参考文档
  style: '.pdf-item2 { text-align: center; font-size: 20px;}'
})

效果如下：