Vue使用Print.js打印div方式(选中区域的html)

npm install print-js --save

import print from 'print-js'

<div id="printJS-form">
    需要打印的区域
 </div>

 <button type="button" @click="printJS('printJS-form', 'html')">
    打印按钮
 </button>

methods: {
     //打印
     printDetail(){
       printJS({
         printable:'printJS-form', //打印区域
         type:'html',  //打印类型html，还可以是json，image等，详细写法见官网
         targetStyles: ['*'],  //css样式，写成*代表打印样式完全继承你页面的样式
         maxWidth:'800px'  //打印界面最大宽度，适当调整可以解决打印页面过宽，显示不完整的问题
       })
     },
}