C-Lodop使用及常见错误排查

最新推荐文章于 2025-04-02 22:09:45 发布

Rebours�

最新推荐文章于 2025-04-02 22:09:45 发布

阅读量9.6k

点赞数 1

文章标签： vue javascript

本文链接：https://blog.csdn.net/weixin_44928843/article/details/120522782

版权

本文介绍了C-Lodop这款常用的前端打印控件的安装、引入和使用方法。在安装时，建议下载最新稳定版32位安装包并以管理员权限安装。在使用过程中，通过动态插入<script>标签引入本地JS，并初始化设置打印参数。需要注意的是，从4.1.0.4版本起，HTTPS模式下JS请求地址改变，可能导致SSL证书无效问题。解决这个问题的方法包括兼容新旧地址或通过浏览器手动访问并刷新页面。

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

c-lodop算是国内前端较为常用的一款打印控件,官方也在持续维护.特此记录使用方案和日常出现的问题.

控件信息	C-Lodop 4.141(32位)
项目框架	vue-cli 3

安装

建议在官网直接下载最新稳定版32位安装包(兼容64位),以管理员身份安装.默认端口如下:

引入

思路:以动态插入<script>标签的形式引入本地js,

initLodop(){
  let lodopJs = document.createElement("script");
  lodopJs.id = "lodop";
  lodopJs.src = "https://localhost.lodop.net:8443/clodopfuncs.js";
  let head = document.head || document.getElementsByTagName("head")[0] || 
  document.documentElement;
  head.insertBefore(lodopJs, head.firstChild);
  l

最低0.47元/天解锁文章