1、安装

npm install print-js --save

2、引用

import print from 'print-js'

3、编写打印函数

const enterDialog = async () => {
const style = '@page {margin:0mm 10mm};'//打印时去掉眉页眉尾
printJS({
printable: 'print',// 标签元素id
type: 'html',
header: '',
targetStyles: ['*'],
style
});
}

4、调用函数

<table id="print"></table>
<div class="dialog-footer" style="text-align: center; position: absolute;top: 80px;right: 20px;">
<el-button size="large" @click="enterDialog" style="margin: 5px;">打 印</el-button><br>
<el-button size="large" @click="closeDialog" style="margin: 5px;">取 消</el-button>
</div>

打印最好使用原生table标签,不然可能会出现很大的样式问题

 

最新文章

  1. Centos7学习之静态IP设置方法介绍
  2. Node.js实现CORS跨域资源共享
  3. SaltStack项目实战(七)
  4. elasticsearch入门
  5. 温习SQL server
  6. ActiveReports 报表控件官方中文入门教程 (3)-如何选择页面报表和区域报表
  7. ubuntu 13.10 amd64安装ia32-libs
  8. swift1.2语言函数和闭包函数介绍
  9. c# 利用反射动态给实体类对象赋值
  10. HTML页面的导出,包括Excel和Word导出
  11. NuGet -- 如何创建及发布自己的程序包
  12. css z-index详解
  13. POJ 2062 HDU 1528 ZOJ 2223 Card Game Cheater
  14. KEEP!
  15. python爬虫从入门到放弃(四)之 Requests库的基本使用
  16. 六大设计原则(四)ISP接口隔离原则(上)
  17. spring boot 的参数配置。
  18. Python3创建项目时创建了一个叫做“keyword&quot;的包,运行项目时报ImportError: cannot import name &#39;iskeyword&#39;错误
  19. 常用的4个eclipse插件安装过程及使用方法
  20. jooq实践

热门文章

  1. sheet.getLastRowNum()获取行数不准的问题
  2. Swift async await 使用介绍
  3. NVIDIA显卡安装
  4. VSCode 修改终端显示字体 字体间隔过大
  5. CentOS 7.9 环境下部署 Nginx 服务
  6. Redis哨兵模式+缓存穿透、击穿和雪崩
  7. Selenium私房菜系列6 -- 深入了解Selenium RC工作原理(1)【QQ】
  8. 路飞项目 day02 全局日志、全局异常处理、封装Response、数据库准备
  9. JS中立即执行函数和闭包的区别
  10. keycloak 找出特定客户端权限的user 配置OTP