在Vue中使用Lodop插件实现打印功能简介需要进行打印功能，而Lodop就是实现需求的插件。就是引入相应的js-sdk，使用js调用相应的打印方法，然后调用客户端软件（需要用户安装），就可以打印软件中的内容了。使用最小方法来实现实现打印必须执行的三个最基本的方法LODOP.PRINT_INIT("printtaskname");//先是一条初始化语句LODOP.ADD_PRINT_TEXT(0,0,100,20,"textcontentone");//然后是多条ADD语句和SET语句LODOP.PRINT();//上次打印（或预览、维护、设计）语句所有方法PRINT_INIT(strPrintTaskName)打印初始化SET_PRINT_PAGESIZE(intOrient,intPageWidth,intPageHeight,strPageName)设置纸张大小（1横2竖，宽度，高度，页面大小名称width和高度都设置为0，可以设置"A5","A4")ADD_PRINT_HTM(intTop,intLeft,intWidth,intHeight,strHtml)添加超文本项ADD_PRINT_TEXT(intTop,intLeft,intWidth,intHeight,strContent)添加纯文本项ADD_PRINT_TABLE(intTop,intLeft,intWidth,intHeight,strHtml)添加表格项(strHtml为html模板字符串)ADD_PRINT_SHAPE(intShapeType,intTop,intLeft,intWidth,intHeight,intLineStyle,intLineWidth,intColor)绘制图形SET_PRINT_STYLE(strStyleValue)setvarStyleName,varobjectstylePREVIEW打印预览PRINT直接打印PRINT_SETUP打印维护PRINT_DESIGN打印设计在Vue中使用Lodop下载lodop，把js文件放到utils中，修改里面的两个方法导出功能（暴露，让其他js文件importtouse)//转换LodopFuncs.js//====判断是否安装CLodop云打印服务器：====exportfunctionneedCLodop(){......}//====获取LODOP对象的主要流程：====exportfunctiongetLodop(oOBJECT,oEMBED){......}写打印方法的逻辑//doPrint.jsimport{getLodop}from'@/utils/LodopFuncs'/***打印方法doPrint*@param{*}printConfig任务名称，上边距，左边距，宽度，高度，打印html内容，是否横屏，分页*/exportdefaultfunction({name,top,left,width,height,htmlContent,isHorizo??ntal}){constLODOP=getLodop()LODOP.PRINT_INIT('orderform')//打印初始化（打印任务名称）LODOP.SET_PRINT_PAGESIZE(1,0,0,'A4')LODOP.SET_PRINT_STYLE('FontSize',18)//StyleLODOP.SET_PRINT_STYLE('Bold',1)//LODOP.ADD_PRINT_TEXT(50,231,260,39,'Printpartofthepage')//添加纯文本内容//顶部、左侧、宽度、高度、htmlContentLODOP.ADD_PRINT_HTM(88,75,650,978,htmlContent)//添加HTML模板内容//LODOP.PRINT();//直接打印LODOP.PREVIEW()//preview}在use.js里面把打印方法挂载到全局方法//use.jsimportdoPrintfrom'@/utils/doPrint'Vue.prototype.$doPrint=doPrintusethisvue页面中的.$doPrint(data)/***注意：因为这里使用的是这个插件，可能需要让这个插件的内部方法加载后才能正常使用*也就是说，它还是有一些准备工作的，比如判断方法，连接通信等*如果直接使用的话会报错，或者crash等问题，所以这里可以延迟打印操作*setTimeout(()=>{*this.$doPrint(data)*})**/
