[亲测]vue使用C-lodop打印总结

最新推荐文章于 2025-06-11 09:51:48 发布

Armymans

最新推荐文章于 2025-06-11 09:51:48 发布

阅读量2.2w

点赞数 7

CC 4.0 BY-SA版权

分类专栏： Vue 文章标签： vue使用c-lodop

本文链接：https://blog.csdn.net/qq_43652509/article/details/100014045

本文详细介绍了在Vue项目中集成并使用C-Lodop进行打印操作的步骤，包括下载安装C-Lodop，启动服务，理解官方代码，导入及应用LodopFuncs.js文件，以及在Vue组件中实现各种打印功能。同时，提供了官方QQ讨论群以供进一步学习和交流。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

按照我步骤走不迷路
1.先来到官方网站
下图中的1点击下载，下载后安装，傻瓜式安装方式就不再阐述了
下图中的2点击下载，下载后大概的看一下(内容不是很重要但是还是需要看的)
在这里插入图片描述
2.找到你安装好的C-lodop，将其启动如下图

3.访问本地的教程，这里默认你的8000端口之前没有被占用，即使被占用那就访问18000端口，若仔细看文档的都知道，访问成功如下图仔细琢磨以下内容,他给的代码是js的，不适合vue
在这里插入图片描述
4.咱这个打印只在前台就可以完成，下面开始上代码
官方上说在 Program Files (x86)\MountTaiSoftware\CLodop32\Rootdir\CLodopDemos 文件下找到 LodopFuncs.js 文件粘到自己项目中，但是我使用这个文件没有成功，于是在网上找到以下js文件

var CreatedOKLodop7766=null;

//====判断是否需要安装CLodop云打印服务器:====
export function needCLodop(){
   
   
  try{
   
   
    var ua=navigator.userAgent;
    if (ua.match(/Windows\sPhone/i) !=null) return true;
    if (ua.match(/iPhone|iPod/i) != null) return true;
    if (ua.match(/Android/i) != null) return true;
    if (ua.match(/Edge\D?\d+/i) != null) return true;

    var verTrident=ua.match(/Trident\D?\d+/i);
    var verIE=ua.match(/MSIE\D?\d+/i);
    var verOPR=ua.match(/OPR\D?\d+/i);
    var verFF=ua.match(/Firefox\D?\d+/i);
    var x64=ua.match(/x64/i);
    if ((verTrident==null)&&(verIE==null)&&(x64!==null))
      return true; else
    if ( verFF !== null) {
   
   
      verFF = verFF[0].match(/\d+/);
      if ((verFF[0]>= 42)||(x64!==null)) return true;