Lodop插件：解放打印烦恼，三步搞定

嘿亲爱滴朋友们！今天咱得聊聊个特牛逼的问题，你准备好了没？说有个叫Lodop的神奇板子，能解决我们的打印烦恼。赶紧来瞧瞧咋回事！

你觉得打印功能重要吗？没错，Lodop插件就是这样帮助我们实现打印功能的。首先，你得导入一个叫js-sdk的东西，然后利用js来调用相应的打印命令。然后，一个客户端软件就会自动蹦出来（记得提前安装好哟~），接下来，你就可以随心所欲地在这个软件里打印任何你想要的文字！

不知道大家有没有想过怎么做才能简单搞定？其实很简单，只要做到下面这三步而已喔！是不是觉得超级容易？这样的话，我们想要的打印功能也就轻而易举能实现。大家赶快试一试！

LODOP.PRINT_INIT("打印任务名");    //首先一个初始化语句 
LODOP.ADD_PRINT_TEXT(0,0,100,20,"文本内容一");//然后多个ADD语句及SET语句 
LODOP.PRINT();        //最后一个打印(或预览、维护、设计)语句

赶紧听着，我还得再说一遍！那个打印功能是真的超级重要的！Lodop这个插件就能帮咱们轻松搞定这事儿。你有没想过，要是没了它会怎样？简直头大到不行了。

各位亲们，告诉大家个好消息！这个问题有超牛逼的办法解决了！那就是用Lodop插件！首先下个 lodop软件，将里面的js文件放进 utils文件夹里，再改动两个方法，设置为 export function（别忘了贴出来哟），别的 js文件就可以直接 import过来用！是不是很直观简便？赶紧试试！

打印那玩意儿挺关键滴想过没，要是不小心没了Lodop这插件，咋整？是不是有点捉急了？别慌，让我来给大家说说个好消息！绝对能帮上忙！

// 改造LodopFuncs.js
//====判断是否需要安装CLodop云打印服务器:====
export function needCLodop(){ ...... }
//====获取LODOP对象的主过程：====
export function getLodop(oOBJECT,oEMBED){ ...... }

对头！这儿就是解决方案！咱们只要用 Lodop 插件就能搞定打印问题！就像之前我教你的一样，把 lodop 安装进去，把它放在 utils 文件夹里，改个名字叫export function，然后在 use.js 里面加载到全局函数。很容易？赶紧试试！

// doPrint.js
import { getLodop } from '@/utils/LodopFuncs'
/**
 * 打印方法doPrint
 * @param {*} printConfig 任务名,上边距,左边距,宽度,高度,打印html内容,是否横屏,分页
 */
export default function({ name, top, left, width, height, htmlContent, isHorizontal }) {
 const LODOP = getLodop()
 LODOP.PRINT_INIT('订货单') // 打印初始化(打印任务名)
 LODOP.SET_PRINT_PAGESIZE(1, 0, 0, 'A4')
 LODOP.SET_PRINT_STYLE('FontSize', 18) // 样式
 LODOP.SET_PRINT_STYLE('Bold', 1)
 // LODOP.ADD_PRINT_TEXT(50, 231, 260, 39, '打印页面部分内容') // 添加纯文本内容
 // top,left,width,height,htmlContent
 LODOP.ADD_PRINT_HTM(88, 75, 650, 978, htmlContent) // 添加HTML模板内容
 // LODOP.PRINT(); // 直接打印
 LODOP.PREVIEW() // 预览
}

你们现在应该能掌握打印功能了？别忘了我们的好兄弟——Lodop插件，它可是个神奇工具~照着我之前教的方法去做，就能顺利搞定！赶紧去试一下！今天分享先到这咯！希望我的文章能帮到你们点儿啥哈。感谢大家的支持与关注！别忘了在底下留言互动，点个赞分享出去再见！

// use.js
import doPrint from '@/utils/doPrint'
Vue.prototype.$doPrint = doPrint
在vue页面中使用
 this.$doPrint(data)
 /**
 * 注意: 这里因为用到了这个插件,所以有可能需要让这个插件内部方法在加载完成后才能正常使用
 * 也就是说,它还有以一些准备工作,例如判断方法,连接通讯等等
 * 如果直接用会报错的话,或者崩溃等其他问题,所以就可以在这里延迟再执行打印操作
 * setTimeout(()=> {
 * this.$doPrint(data)
 * })
 * */