使用 print-js 打印机打印数据, 打印方式很多种,请查看官方文档。(简单介绍json格式数据打印)

1. 安装 print-js

npm install --save print-js

2. 在vue页面引入

import print from 'print-js'

3. 准备要打印的数据(json) 开始打印

let arr = [

{

name:"小明",

sex:"男"

},

{

name:"小红",

sex:"女"

},

];

printJS({

printable: arr,

type: 'json',

properties: [

{ field: 'name', displayName: '姓名', columnSize:`50%`},

{ field: 'sex', displayName: '性别',columnSize:`50%`},

],

header: `

名单

`,

style: '.custom-p { padding:5px 0; font-size:12px; }',

gridHeaderStyle:'font-size:12px; padding:3px; border:1px solid; font-weight: 100; text-align:left;',

gridStyle:'font-size:12px; padding:3px; border:1px solid; text-align:left;',

repeatTableHeader: true,

})

vue热敏打印机_方振起技术手记 - vue 使用打印机打印数据 print-js相关推荐

  1. vue封装打印插件print.js实现打印组件功能

    代码 插件地址:https://github.com/xyl66/vuePlugs_printjs 1. 打印插件属性方法 定义-print.js // 打印类属性.方法定义 /* eslint-di ...

  2. .vue文件_在idea中创建vue文件

    如何让idea支持.vue文件_WinterBluestar的博客-CSDN博客_idea中怎么样.vue文件夹​blog.csdn.net

  3. vue 字典_【开源】基于Vue的前端组件库HeyUI

    说道vue组件库,目前主流的基本就是iview和element.今天又发现一个很不错的.HeyUI. 组件也很丰富,入门比较简单. 反正开源框架我们有不嫌多,多多益善啊.感兴趣的可以看看. 关于Hey ...

  4. vscode输入vue自动_使用vscode,新建.vue文件,tab自动生成vue代码模板

    第一步: 新建模板并保存 文件 --> 首选项 --> 用户代码片段 --> 输入vue,选择vue.json -->复制 第三步中的模板内容中内容保存 第二步: 添加配置,让 ...

  5. 串口 驱动 热敏打印机_菜鸟裹裹x 快麦打印机联合发布SC310,实现共享智能打印...

    菜鸟裹裹是国内最大的在线寄件平台,作为阿里巴巴旗下菜鸟网络提供快递服务的应用软件,为用户提供寄快递.查快递.取快递功能服务. 目前菜鸟旗下的菜鸟驿站已经覆盖了全国各大城市和县区4万多个驿站,今年双11 ...

  6. vue使用print.js打印插件

    任务:解决vue页面局部打印功能 print.js插件,可以打印 html.pdf.json数据 官网:https://printjs.crabbly.com/ 一个整理的很好的讲解:https:// ...

  7. input js 离开事件_听说你熟练使用Vue.js,这9种Vue技术你掌握了吗?

    现在,Vue.js已成为前端开发的热门框架.有很多工程师利用Vue.js的便利性和强大功能.但是,我们完成的某些解决方案可能未遵循最佳做法.好吧,让我们看一下那些必备的Vue技术. 1. 函数组件 函 ...

  8. vue data数据修改_史上最强vue总结,万字长文

    vue框架篇 vue的优点 轻量级框架:只关注视图层,是一个构建数据的视图集合,大小只有几十kb: 简单易学:国人开发,中文文档,不存在语言障碍 ,易于理解和学习: 双向数据绑定:保留了angular ...

  9. vue函数如何调用其他函数?_从源码中学Vue(一)生命周期中的钩子函数的那点事儿...

    欢迎来到我的<从源码中学Vue>专题系列文章,更多精彩内容持续更新中,欢迎关注 :) Vue作为当下前端最流行的框架之一,在国内占绝对的优势.所以接下来我们一起来学习它吧! 我不会像其它人 ...

  10. vue组件_组件通信_todo案例

    今日学习目标 能够理解vue组件概念和作用 能够掌握封装组件能力 能够使用组件之间通信 能够完成todo案例 1. vue组件 1.0_为什么用组件 以前做过一个折叠面板 [外链图片转存失败,源站可能 ...

最新文章

  1. CentOS7下python虚拟环境
  2. 机器学习系列19:将核函数应用于支持向量机
  3. 泛型委托在项目中的应用
  4. php无限极分类并添加指定值,PHP实现无限极分类的两种方式,递归和引用
  5. 优秀的程序员都避开了哪些坑?
  6. AndroidStudio_安卓原生开发_自定义ToastUtils---Android原生开发工作笔记135
  7. 大话信号多久可以移服务器,关于第十届服务器联赛规则及日期详细介绍(二)...
  8. 企业级实际性能测试案例与经验分享
  9. 【汇率预测】基于matlab模拟退火算法优化BP神经网络汇率预测【含Matlab源码 689期】
  10. 从来没见过这么多的资源~~好好找找吧,一定有你需要的
  11. 数据仓库建设思维导图
  12. jvm异常生成文件hs_err_pid[pid].log
  13. android ¥符号,android统一显示¥符号
  14. 网工解惑?什么是路由器、交换机与防火墙,他们的区别与联系是什么?
  15. table制作课程表案例
  16. 在Win10中安装Openfoam
  17. 建设一个SaaS平台需要知道什么,做什么(附多图)
  18. 天津联通光猫创维DT541-csf改桥接
  19. python网页爬虫xpath应用
  20. LeetCode765.情侣牵手(Java)

热门文章

  1. 计算机考研408真题
  2. 【上传文件至服务器】
  3. 风控项目2---风控建模流程
  4. 数据结构之求二叉树叶子结点个数
  5. 物联网工程专业考研方向
  6. matlab实现Sobel边缘检测
  7. 复习笔记——物联网通信技术判断
  8. 2009年下半年 系统集成项目管理工程师 下午试卷
  9. 轻量级高并发物联网服务器接收程序源码
  10. eclipse配置tomcat日志保存位置