需要进行打印功能,Lodop就是实现需求的插件。就是引入对应的js-sdk,使用js调用对应的打印方法,然后就会调出客户端软件(需要用户安装),然后就可以在软件里面打印内容了。
<强>最小实现
实现打印必须要执行的3个最基本的方法
LODOP.PRINT_INIT(“打印任务名”);//首先一个初始化语句
LODOP.ADD_PRINT_TEXT(0, 0100年,20岁的“文本内容一");//然后多个添加语句语及组句
LODOP.PRINT ();//最后一个打印(或预览,维护,设计)语句
所有方法
<李> PRINT_INIT (strPrintTaskName)打印初始化李
<李> SET_PRINT_PAGESIZE (intOrient、intPageWidth intPageHeight, strPageName)设定纸张大小(1横向2竖向,宽度,高度,页面大小名称宽高都设置为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 (strStyleName varStyleValue)设置对象风格李
<李>预览打印预览李
<李>打印直接打印
<李> PRINT_SETUP打印维护李
<李> PRINT_DESIGN打印设计李
<强>在Vue中使用Lodop
下载lodop,把js文件放到跑龙套里面,把里面两个方法修改为导出功能(暴露出去,让其他js文件进口来用)
//改造LodopFuncs.js//====判断是否需要安装CLodop云打印服务器:====导出功能needCLodop () {……｝//====获取LODOP对象的主过程:====导出功能getLodop (oOBJECT oEMBED) {……}
写好打印方法的逻辑
//doPrint.js
从“进口{getLodop} @/跑龙套LodopFuncs”/* *
*打印方法doPrint
* @param {*} printConfig任务名,上边距、左边距,宽度,高度,打印html内容,是否横屏,分页
*/出口的默认函数({名称、前左,宽度,高度,htmlContent, isHorizontal}) {
const LODOP=getLodop ()
LODOP.PRINT_INIT(订的货单”)//打印初始化(打印任务名)
LODOP。SET_PRINT_PAGESIZE (1,0,0, A4)
LODOP。SET_PRINT_STYLE(字形大小,18)//样式
LODOP。SET_PRINT_STYLE(“大胆”,1)//LODOP。现年39岁的ADD_PRINT_TEXT(50、231、260的打印页面部分内容”)//添加纯文本内容//前,左,宽度,高度,htmlContent
LODOP。ADD_PRINT_HTM (88、75、650、978、htmlContent)//添加HTML模板内容//LODOP.PRINT ();//直接打印
LODOP.PREVIEW()//预览
}
在使用。js里面把打印方法挂载到全局方法
//use.js
从“@/跑龙套/doPrint”进口doPrint
Vue.prototype。$ doPrint=doPrint
在vue页面中使用
美元。doPrint(数据)/* *
*注意:这里因为用到了这个插件,所以有可能需要让这个插件内部方法在加载完成后才能正常使用
*也就是说,它还有以一些准备工作,例如判断方法,连接通讯等等
*如果直接用会报错的话,或者崩溃等其他问题,所以就可以在这里延迟再执行打印操作
* setTimeout(()=比;{
*。$ doPrint(数据)
*})
* */
以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作具有一定的参考学习价值,谢谢大家对的支持。
