vue 调用打印机插件 LODOP 实例详解

最近的项目需要调用打印机，把网上的一些资料整理一些，分享给大家，需要注意的是lodop会有脚标，如果想去掉脚标，只能先预览再打印，或者购买版权。
lodop官网vue案例地址：点击进入

安装打印机驱动，设置打印尺寸这里就先不分享了。直接上代码

1、下载LodopFuncs.js文件，把js放在常用的js文件夹中

2 、修改LodopFuncs.js文件

//在文件最底部添加一行代码，把该文件中的getLodop函数 export 出来。
export { getLodop };

3、js调用打印机

import { getLodop } from "@/assets/js/LodopFuncs"; //从自己的项目中引入第一步存放的LodopFuncs.jsmethods: {//打印快递单btnClickPrint() {LODOP = getLodop(); //调用getLodop获取LODOP对象LODOP.PRINT_INIT("打印控件功能演示_Lodop功能_整页缩放打印输出");LODOP.ADD_PRINT_IMAGE(0,0,395,810,"<img style='-webkit-user-select: none;margin: auto;cursor: zoom-in;' src='" +data +"' />"        //data需要打印的东西);LODOP.SET_PRINT_STYLEA(0, "Stretch", 1); //(可变形)扩展缩放模式LODOP.PREVIEW(); //预览(预览打印无脚标)// LODOP.PRINT();  //打印},
}

大功告成

vue 调用打印机插件 LODOP 实例详解相关推荐

python rpc_对python调用RPC接口的实例详解
要调用RPC接口,python提供了一个框架grpc,这是google开源的 rpc相关文档: 需要安装的python包如下: 1.grpc安装 pip install grpcio 2.grpc的p ...
php 插件代码架构,php反射机制详以及插件架构实例详解
1.用途: 该扩展分析php程序,导出或提取出关于类.方法.属性.参数等的详细信息,包括注释. Reflection可以说是对php库函数:"Classes/Objects 类/对象函数&q ...
php轮播插件,移动端h5轮播插件swipe实例详解
swipe.js是一个轻量级js触摸滑动类库 – Swipe JS.这是一个非常小的一个javascript类库,但他的功能却不简单,它可以用来展示web页面上的任何内容,支持精确的触摸移动操作,而且 ...
vue实现一个星级打分效果_Vue实现星级评价效果实例详解
我们把星级评价单独做成一个Star组件,抽离出来,其中父组件中引入(传入的是评分的值) 初始Star.vue {{ score }} export default { name: 'Star', pr ...
java和vue实现拖拽可视化_Vue拖拽组件开发实例详解
摘要:这篇Vue栏目下的"Vue拖拽组件开发实例详解",介绍的技术点是"Vue拖拽组件开发实例.vue拖拽组件.拖拽组件.组件开发.开发实例.实例详解",希望对 ...
Element Plus 实例详解（一）___安装设置
Element Plus 实例详解(一) ___安装设置本篇目录: 一.前言二.安装方法 1.环境支持 2.Element Plus安装使用方式 (1).使用包管理器 (2).浏览器直接引入 3. ...
Vue实例详解与生命周期
Vue实例详解与生命周期 http://www.jianshu.com/p/b5858f1e6e76 Vue的实例是Vue框架的入口,其实也就是前端的ViewModel,它包含了页面中的业务逻辑处理. ...
《ANSYS Workbench有限元分析实例详解（静力学）》——2.4　ACT插件
本节书摘来自异步社区<ANSYS Workbench有限元分析实例详解(静力学)>一书中的第2章,第2.4节,作者: 周炬 , 苏金英更多章节内容可以访问云栖社区"异步社区&q ...
怎样在两个局域网内共享一台打印机。常用网络命令及命令实例详解
怎样在两个局域网内共享一台打印机怎样在两个局域网内共享一台打印机我们公司有两间办公室,原先布线的时候用一个路由器延伸出多个接口预埋在墙里并做上插头,IP地址是自动分配的,网关是192.168.0. ...

vue 调用打印机插件 LODOP 实例详解

大功告成

vue 调用打印机插件 LODOP 实例详解相关推荐

最新文章

热门文章