vue 3 打印 print-js
2024-09-18 18:07:39
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标签,不然可能会出现很大的样式问题
最新文章
- Centos7学习之静态IP设置方法介绍
- Node.js实现CORS跨域资源共享
- SaltStack项目实战(七)
- elasticsearch入门
- 温习SQL server
- ActiveReports 报表控件官方中文入门教程 (3)-如何选择页面报表和区域报表
- ubuntu 13.10 amd64安装ia32-libs
- swift1.2语言函数和闭包函数介绍
- c# 利用反射动态给实体类对象赋值
- HTML页面的导出,包括Excel和Word导出
- NuGet -- 如何创建及发布自己的程序包
- css z-index详解
- POJ	2062 HDU 1528 ZOJ 2223 Card Game Cheater
- KEEP!
- python爬虫从入门到放弃(四)之 Requests库的基本使用
- 六大设计原则(四)ISP接口隔离原则(上)
- spring boot 的参数配置。
- Python3创建项目时创建了一个叫做“keyword";的包,运行项目时报ImportError: cannot import name &#39;iskeyword&#39;错误
- 常用的4个eclipse插件安装过程及使用方法
- jooq实践
热门文章
- sheet.getLastRowNum()获取行数不准的问题
- Swift async await 使用介绍
- NVIDIA显卡安装
- VSCode 修改终端显示字体 字体间隔过大
- CentOS 7.9 环境下部署 Nginx 服务
- Redis哨兵模式+缓存穿透、击穿和雪崩
- Selenium私房菜系列6 -- 深入了解Selenium RC工作原理(1)【QQ】
- 路飞项目 day02 全局日志、全局异常处理、封装Response、数据库准备
- JS中立即执行函数和闭包的区别
- keycloak 找出特定客户端权限的user 配置OTP