在Vue项目中使用C-Lodop插件进行打印操作,可以按照以下步骤进行: 1. 理解C-Lodop插件及其功能 C-Lodop是一款Web打印控件,它可以在客户端实现无需安装驱动程序的打印功能。C-Lodop支持多种浏览器和操作系统,并且提供了丰富的打印设置选项。 2. 安装并引入C-Lodop插件到Vue项目中 首先,需要从C-Lodop官网下载C-Lodop...
alert('C-Lodop没准备好,请稍后再试!')return}if(!LODOP) {//if (isIE) document.write(strCLodopInstall); else//document.documentElement.innerHTML=strCLodopInstall+document.documentElement.innerHTML;//return;}else{if(CLODOP.CVERSION < '3.0.0.2') {if(isIE) document.write(strCLodopUpdate)elsedoc...
1把官方提供的LodopFuncs.js文件保存到某个目录下,如myProject\src\assets\LodopFuncs.js 2修改LodopFuncs.js文件, 在文件最底部添加一行代码 export { getLodop }; //导出getLodop 3在打印事件处理函数所在文件里 import 该 module 在打印事件函数中调用getLodop获取LODOP对象变量,按照官方教程书写自己的打印函数,...
import{getLodop}from'@/utils/CLodopfuncs.js'; // 使用 letLODOP=getLodop()letCount=LODOP.GET_PRINTER_COUNT()//当前打印设备数量(系统打印机)for(leti=0;i<Count;i++){console.log('全部打印机',LODOP.GET_PRINTER_NAME(i))if(LODOP.GET_PRINTER_NAME(i)=='HPRTN41'){LODOP.SET_PRINTER_INDEX(...
首先是:LodopFuncs.js文件,官网可以下载,根据本人工作需求情况,做了一些改动。 //= =本JS是加载Lodop插件或Web打印服务CLodop/Lodop7的综合示例,可直接使用,建议理解后融入自己程序==//资料链接:http://www.lodop.net/import message from'ant-design-vue/es/message'import modal from'ant-design-vue/es/modal...
一、vue c-lodop 例子的安装和引入 1.在Vue项目中使用npm安装vue c-lodop: ```npm install vue-c-lodop --save``` 2.在Vue项目中引入vue c-lodop: ```import VueCLodop from 'vue-c-lodop'``` ```Vue.use(VueCLodop)``` 二、vue c-lodop 例子的基本用法 1.在Vue组件中使用vue c-lodop,首先...
点击这里下载执行安装";varstrCLodopInstall_2="(若此前已安装过,可点这里直接再次启动)";varstrCLodopInstall_3=",成功后请刷新页面。";varstrCLodopUpdate="Web打印服务CLodop需升级!点击这里执行升级,升级后请刷新页面。"; 在需要的页面中引入Lodop...
打印设计用来调用C-Lodop的设计窗口 打印预览就是设计一个模版 提供一些常用的空间控件 条形码,二维码,html页面预览等 添加一个超文本框作为标题栏 接着是打印名称 设计完可以直接关闭窗体 预览窗体中可以直接进行打印 也可以添加LODOP.PRINT()函数进行打印
Vue2 中使用C-Lodop打印控件时无法调整二维码大小问题 问题描述: 打印模板里配置的二维码是偏小的,但是在页面使用打印的时候打印预览的二维码不是预期大小,如图: 原因: 配置二维码的时候上下左右(图中箭头)会有一部分区域,打印时的二维码会根据图中虚线的范围作为二维码的宽高,因此会导致二维码的大小不能达到预期。
首先,在LodopFuncs.js(Lodop官方提供的,没有的请自行去官网下载)的最后一行添加 export {getLodop} 然后,在要使用该插件的vue页面中import一下,然后在created hook中 加入计时器,不断尝试去查看window.CLODOP是否加载完毕,然后调用getLodop()即可,实例代码如下 ...