vue 使用打印（print-js）

第一步 安装组件

//安装print-js
npm install print-js --save
//删除print-js
npm uninstall print-js
//安装固定版本
npm install print-js@版本号 --save
// 全局安装
npm install print-js --save -g

第二步 引入组件

安装成功后，可以在当前目录下得根目录下的package.json文件查看。
可以全局引入即（在main.js中引入），也可以在需要的文件里面引入

import print from "print-js";

第三步 使用组件，（这里使用的是局部引入）

<template>
  <div id="printTable"> </div>  
  
  <div @click="bindPrint">打印</div>
</template>
<script>
  import print from "print-js"
  export default {
    data () {
      return {
        
      }
    },
    methods:{
      bindPrint( () => {
         printJS({
          printable: "printTable",
          type:'html',
          header:null,
          targetStyles:['*'],
          style:"@page {margin:0 10mm}"
        })
      })
    }
  }
</script>

print-js 参数配置