import

jsbarcode;Vue.use(hiPrintPlugin,

$pluginName)

this.$pluginName.PrintTemplate()this.hiprintTemplate

hiprintTemplate},//

{this.$notify.error(打印机客户端未连接)}//

模板对象获取const

this.hiprintTemplate.getPrinterList()console.info(printerList_)},//

hiPrintPlugin

{this.$notify.error(打印机客户端未连接请点击右上角头像下载打印客户端)}//

这一句代码

providerthis.$pluginName.init({providers:

[defaultElementTypeProvider()]})//

这一句代码

则不用加this.$pluginName.PrintElementTypeManager.buildByHtml(this.$(.ep-draggable-item))//

清空原内容this.$(#printDivXm3).empty()//

不使用全局对象,

使用模版打印在线设计模版https://ccsimple.gitee.io/vue-plugin-hiprint/const

hiprintTemplate

this.$pluginName.PrintTemplate({template:{panels:[{index:0,name:1,height:297,width:210,paperHeader:49.5,paperFooter:780,printElements:[{options:{left:17.5,top:87.5,height:72,width:550,field:dayincanshu,groupFooterFormatter:function(t,e){return\这里自定义统计脚信息\},groupFieldsFormatter:function(type,options,data){

return

},coordinateSync:false,widthHeightSync:false,columns:[[{width:70,title:行号,field:id,checked:true,columnId:id,fixed:false,rowspan:2,colspan:1},{width:100,title:人员信息,checked:true,fixed:false,rowspan:1,colspan:2},{width:100,title:销售统计,checked:true,fixed:false,rowspan:1,colspan:2}],[{width:120,title:姓名,field:name,checked:true,columnId:name,fixed:false,rowspan:1,colspan:1,align:left},{width:120,title:性别,field:gender,checked:true,columnId:gender,fixed:false,rowspan:1,colspan:1},{width:120,title:销售数量,field:count,checked:true,columnId:count,fixed:false,rowspan:1,colspan:1},{width:120,title:销售金额,field:amount,checked:true,columnId:amount,fixed:false,rowspan:1,colspan:1}]]},printElementType:{title:表格,type:table,editable:true,columnDisplayEditable:true,columnDisplayIndexEditable:true,columnTitleEditable:true,columnResizable:true,columnAlignEditable:true,isEnableEditField:true,isEnableContextMenu:true,isEnableInsertRow:true,isEnableDeleteRow:true,isEnableInsertColumn:true,isEnableDeleteColumn:true,isEnableMergeCell:true}}],paperNumberLeft:565.5,paperNumberTop:819,paperNumberContinue:true,watermarkOptions:{content:vue-plugin-hiprint,rotate:25,timestamp:true,format:YYYY-MM-DD

HH:mm}}]}})//

挂载打印内容hiprintTemplate.design(#printDivXm3)//

打印数据要和

document.getElementById(contentToPrint);var

dayincanshu

dayincanshu:this.dayincanshudayincanshu:table}hiprintTemplate.print(dayincanshu)},}注意这个字段名要匹配,就ok