vue实现lodop打印功能的示例


Posted in Javascript onNovember 11, 2020

1.官网下载

http://www.lodop.net/download.html

vue实现lodop打印功能的示例

2.解压安装运行

vue实现lodop打印功能的示例

3.vue部分实现

3.1将lodopDuncs.js文件放入工程中,具体操作可见:http://www.lodop.net/faq/pp35.html

vue实现lodop打印功能的示例

3.2 编写代码

<template>
 <div class="hello">
  <button class="print-btn" v-on:click="btnClickPrint">
   <span>{{ msg }}</span>
  </button>
 </div>
</template>

<script>
import { getLodop } from "../assets/LodopFuncs"; //导入模块
export default {
 name: "HelloWorld",
 data() {
  return {
   msg: "点击打印按钮",
  };
 },
 methods: {
  // btnClickPrint: function () {
  //  let LODOP = getLodop(); //调用getLodop获取LODOP对象
  //  LODOP.PRINT_INIT("");
  //  LODOP.ADD_PRINT_TEXT(50, 231, 260, 39, "打印内容");
  //  LODOP.PREVIEW();
  // },
  btnClickPrint() {
   let LODOP = getLodop(); //调用getLodop获取LODOP对象
   LODOP.PRINT_INIT("打印控件功能演示_Lodop功能_整页缩放打印输出");
   LODOP.ADD_PRINT_BARCODE(15, 15, 300, 300, "QRCode", "xxxxxxxxxxxxx");
   LODOP.SET_PRINT_STYLEA(0, "Stretch", 1); //(可变形)扩展缩放模式
   LODOP.PREVIEW(); //预览(预览打印无脚标)
   // LODOP.PRINT(); //打印
  },
 },
};
</script>

效果如下:

vue实现lodop打印功能的示例

以上就是vue实现lodop打印功能的示例的详细内容,更多关于vue实现打印功能的资料请关注三水点靠木其它相关文章!

Javascript 相关文章推荐
学习JS面向对象成果 借国庆发布个最新作品与大家交流
Oct 03 Javascript
jquery last-child 列表最后一项的样式
Jan 22 Javascript
jQuery 点击图片跳转上一张或下一张功能的实现代码
Mar 12 Javascript
javscript对象原型的一些看法
Sep 19 Javascript
EasyUI闪屏EasyUI页面加载提示(原理+代码+效果图)
Feb 21 Javascript
Bootstrap 下拉多选框插件Bootstrap Multiselect
Jan 22 Javascript
超全面的vue.js使用总结
Feb 12 Javascript
vue的事件绑定与方法详解
Aug 16 Javascript
C#实现将一个字符转换为整数
Dec 12 Javascript
详解mpvue开发微信小程序基础知识
Sep 23 Javascript
JavaScript 实现同时选取多个时间段的方法
Oct 17 Javascript
js实现限定区域范围拖拉拽效果
Nov 20 Javascript
解决vant的Toast组件时提示not defined的问题
Nov 11 #Javascript
vue mvvm数据响应实现
Nov 11 #Javascript
Js数组扁平化实现方法代码总汇
Nov 11 #Javascript
使用Vant完成通知栏Notify的提示操作
Nov 11 #Javascript
Vue3 响应式侦听与计算的实现
Nov 11 #Javascript
详解Vue.js3.0 组件是如何渲染为DOM的
Nov 10 #Javascript
在vs code 中如何创建一个自己的 Vue 模板代码
Nov 10 #Javascript
You might like
DOTA2 无惧惊涛骇浪 昆卡大型水友攻略
2020/04/20 DOTA
磨咖啡豆的密诀
2021/03/03 冲泡冲煮
PHP通过加锁实现并发情况下抢码功能
2016/08/10 PHP
PHP简单预防sql注入的方法
2016/09/27 PHP
微信公众号开发之获取位置信息php代码
2018/06/13 PHP
php实现微信公众平台发红包功能
2018/06/14 PHP
php多进程并发编程防止出现僵尸进程的方法分析
2020/02/28 PHP
jQuery 图像裁剪插件Jcrop的简单使用
2009/05/22 Javascript
javawscript 三级菜单的实现原理
2009/07/01 Javascript
jQuery validate插件submitHandler提交导致死循环解决方法
2016/01/21 Javascript
JS访问DOM节点方法详解
2016/11/29 Javascript
js时间查询插件使用详解
2017/04/07 Javascript
微信小程序实时聊天WebSocket
2018/07/05 Javascript
微信小程序实现工作时间段选择
2019/02/15 Javascript
使用 webpack 插件自动生成 vue 路由文件的方法
2019/08/20 Javascript
vue项目中js-cookie的使用存储token操作
2020/11/13 Javascript
[05:31]DOTA2上海特级锦标赛主赛事第三日RECAP
2016/03/05 DOTA
Python  连接字符串(join %)
2008/09/06 Python
Python Tkinter实现简易计算器功能
2018/01/30 Python
详解python里的命名规范
2018/07/16 Python
Django CBV类的用法详解
2019/07/26 Python
Python配置文件处理的方法教程
2019/08/29 Python
python实现静态服务器
2019/09/05 Python
使用 Supervisor 监控 Python3 进程方式
2019/12/05 Python
解决Alexnet训练模型在每个epoch中准确率和loss都会一升一降问题
2020/06/17 Python
win10安装python3.6的常见问题
2020/07/01 Python
html5指南-1.html5全局属性(html5 global attributes)深入理解
2013/01/07 HTML / CSS
逼真的HTML5树叶飘落动画
2016/03/01 HTML / CSS
美国领先的医疗警报服务:Philips Lifeline
2018/03/12 全球购物
Coggles美国/加拿大:高级国际时装零售商
2018/10/23 全球购物
如何配置、使用和清除Smarty缓存
2015/12/23 面试题
JSF面试题:Jsf中导航的标签是什么
2013/04/20 面试题
《玩具柜台前的孩子》教学反思
2014/02/13 职场文书
理想点亮人生演讲稿
2014/05/21 职场文书
2014年教师党员自我评议
2014/09/19 职场文书
《烈火英雄》观后感:致敬和平时代的英雄
2019/11/11 职场文书