vue调用lodop打印

第一步：

安装 CLodop_Setup_for_Win32NT.exe

LodopFuncs.js 后面添加一行 export { getLodop };

第二步：VUE中引用

1、import { getLodop } from "@/assets/LodopFuncs";

2、method方法中添加print

print(){

var iRadioValue=1;

let LODOP = getLodop(); //调用getLodop获取LODOP对象

LODOP.SET_PRINT_PAGESIZE(1, 0, 0, "A4");

LODOP.PRINT_INIT("打印控件功能演示_Lodop功能_预览打印表格");

LODOP.ADD_PRINT_TABLE(10,5,'100%','100%',document.getElementById("div1").innerHTML);

LODOP.SET_PRINT_STYLEA(0,"TableHeightScope",iRadioValue);

LODOP.PREVIEW();

}

</table>

</div>

vue调用lodop打印相关推荐

vue使用lodop打印插件
首先将lodop安装包放到static下下载地址:http://www.c-lodop.com/download.html 新建一个vue测试lodop功能 LodopFuncs.js var Cr ...
vue使用lodop打印控件
1.下载 http://www.lodop.net/download.html Lodop发行包解压,安装lodop及云打印插件CLodop 注:安装与浏览器位数对应的lodop版本 2.把Lodop ...
vue+elementui+lodop打印表格
非单页结构,是在mvc视图中引用vue和elementui来使用的,打印el-table表格内容时,可能是因为样式的原因,打印的格式很难调整,在界面中增加一个隐藏的div,里面放个table,获取数据 ...
Fineui中使用Lodop打印,制作标签套打范例，c#后台调用
实现目标: 标签套打实现位置可调,可增加不同模板调用,利用数据库存放打印格式涉及:C# .SQLSERVER 实现流程如下: 一.数据库创建存放打印模板的表格. /*标签主表*/ Create ta ...
vue中使用Lodop调用打印机打印条形码
最近项目遇到vue实现条形码打印功能,经过自己的一番摸索,找到了一款比较友好的打印插件,本次打印使用的Lodop插件进行功能的实现.(官网链接) 1.把官方提供的LodopFuncs.js文件保存到某 ...
php lodop 实例,Vue使用lodop实现打印小结
一. Lodop与C-Lodop的区别 Lodop打印控件是浏览器插件,与浏览器紧密结合来实现本地打印,是一种内嵌到浏览器里交互方式.(适用浏览器:ie系列.火狐51版及历史版本.谷歌44版及历史版本 ...
详解如何在vue项目中使用lodop打印插件,以及样式打印预览缺失的问题（底部）
C-Lodop是一个免费云服务程序,可接受来自其它平台浏览器的JavaScrip语句实现远程打印. 目前是各家软件公司进行手机或微信远程打印的流行解决方案. 和其它"云打印"概念相 ...
vue结合Lodop前端实现打印机的获取及打印
vue结合Lodop前端实现打印机的获取及打印首先展示一下实现的效果: 一.Lodop的使用使用Lodop来实现本地打印机的获取,首先在自己的vue页面引入LodopFuncs.js文件. //= ...
VUE 集成 LODOP插件打印
VUE 集成LODOP插件打印 VUE 集成LODOP插件打印 Lodop.C-Lodop使用说明及样例 VUE简单使用lodop 1.创建LodopFuncs.js文件 2.在打印功能vue页面引入 ...

vue调用lodop打印

vue调用lodop打印相关推荐

最新文章

热门文章