Vue介绍JS文件打印和Print.js打印和页面打印
一、JS文件导入打印1、在main.js文件中引入：importPrintfrom"./utils/print"Vue.use(Print)//注册2、在vue组件中使用：打印内容
不要打印我this.$print(this.$refs.print)//使用3.注意事项：需要使用ref获取dom节点。如果直接通过id或者class获取，webpack打包部署后打印内容为空**指定非打印区域**方法一、添加不打印样式classDon'tprintme
方法二、自定义类名
Don'tprintme this.$print(this.$refs.print,{'no-print':'.do-not-print-me'})4.附件参考地址：https://github.com/xyl66/vuePlugs_printjs/blob/master/print.js2、打印的插件Print.js(URLhttps://printjs.crabbly.com/)1.安装插件npminstallprint-js--save2。从“print-js”引入importprint3。使用1)pdf打印
打印PDF2)base64PrintPDFwithMessage3)HTML打印...打印表格4)图片的打印printJS('images/print-01-highres.jpg','image')打印多张图片printJS({printable:['images/print-01-highres.jpg','images/print-02-highres.jpg','images/print-03-highres.jpg'],type:'image',header:'MultipleImages',imageStyle:'width:50%;margin-bottom:20px;'})5)printjsonsomeJSONdata=[{name:'JohnDoe',电子邮件：'john@doe.com'，电话：'111-111-1111'}，{姓名：'BarryAllen'，电子邮件：'barry@flash.com'，电话：'222-222-2222'}，{姓名：'CoolDude'，电子邮件：'cool@dude.com'，电话：'333-333-3333'}]打印JSON数据分析：经过多次实战演练：如果要打印的样式比较复杂，有字体图标等，建议选择第一种方式；如果要打印表格数据，比如元素表，也可以根据需要勾选打印，选择第二种打印方式比较好。再分享一个强制分页打印，每页只打印固定内容：只需要在分页打印的末尾添加： 