vue使用lodop打印控件

1.下载 http://www.lodop.net/download.html Lodop发行包解压，安装lodop及云打印插件CLodop

注：安装与浏览器位数对应的lodop版本

2.把LodopFuncs.js文件文件放在项目中

3.在需要使用打印功能的页面调用

//首先引入LodopFuncs.js
import { getLodop } from '../../../js/config/LodopFuncs';

print() {let LODOP = getLodop();LODOP.PRINT_INIT('');LODOP.SET_PRINT_STYLE('FontSize', 18);LODOP.SET_PRINT_STYLE('Bold', 1);LODOP.ADD_PRINT_TEXT(50, 231, 260, 39, '');LODOP.ADD_PRINT_HTM(35, 0, '90%', '90%', document.getElementById('card').innerHTML);LODOP.SET_PRINT_STYLEA(0, 'Horient', 2);// 打印内容在纸张中水平居中// LODOP.PRINT();// 直接打印LODOP.PREVIEW();// 预览后打印},

注：使用lodop打印外联样式可能不生效，改为行内样式就可以了

vue使用lodop打印控件相关推荐

关于Lodop打印控件
Vue项目中开发Lodop打印控件操作笔记. 1.进入官网下载控件,然后安装. 1 http://www.lodop.net/ 2.安装包里面有LodopFuncs.js,推荐使用官方js,网上也有很 ...
lodop打印html内容,Lodop打印控件在页面如何使用
Lodop打印控件部署到web服务器简单,在页面的使用方法也简单,是非常容易和方便使用的打印控件. 客户端本地打印角色(即用户访问网站后用自己链接的打印机进行客户端本地打印),步骤很少,部署简单: ...
uniapp中使用lodop打印控件实现app广域、局域网打印功能，亲测可用
文章目录前言一.本文目的二.使用步骤 1.准备工作 2.引入库文件 3.页面使用总结前言在项目中使用了lodop控件,然而蛋疼的发现这玩意uniapp app端不能直接使用,在vip售后群 ...
Lodop打印控件指定打印任务某几页
使用Lodop打印控件进行打印开发,有时候一个任务里有多页,例如各种合同之类的,客户端用户在使用过程中,可能有某一页打印后发现需要修改,这时候不必再把整个任务重新打印一遍,只需要打印需要修改的那页重新 ...
lodop打印控件的使用
web打印解决方案 1.生成打印模版(网页),使用window.print()预览打印模版,在浏览器中打印 2.导出网页为excel文件,详见网页导出为excel 3.使用lodop打印控件第一种方 ...
vue-plugin-hiprint vue hiprint vue使用hiprint打印控件VUE HiPrint HiPrint简单使用
vue-plugin-hiprint vue hiprint vue使用hiprint打印控件VUE HiPrint HiPrint简单使用安装相关依赖安装 vue-plugin-hiprint ...
使用LODOP打印控件实现打印功能的解决方案
项目中有很多打印功能,一开始使用浏览器自带的打印功能,发现在不同的浏览打印效果上有着较大的差异,最终选择了LODOP打印控件来实现,记录下实现的大体思路. 1. LODOP的优势: 功能丰富:LODO ...
Lodop打印控件里SET_PRINT_STYLE和SET_PRINT_STYLEA
LODOP.SET_PRINT_STYLE 对该语句后面的打印项样式设置效果. LODOP.SET_PRINT_STYLEA 针对第一个参数设置的打印项样式设置效果. 这两个语句,作用范围不同. 在设 ...
Web打印 Lodop打印控件 bootstrap框架
贴图知乎:显著提升程序员身心健康和工作效率的装备有哪些? 笔记本: 1.银河舰队 PAVILION 15-bc011TX光暗影精灵2 2.顽石 -FL5900U7500超薄i7(性价比最高) ...

vue使用lodop打印控件

vue使用lodop打印控件相关推荐

最新文章

热门文章