Vue3轻松实现前端打印功能
文章目录
- 1.前言
- 2.安装配置
- 2.1 下载安装
- 2.2 main.js 全局配置
- 3.综合案例
- 3.1 设置打印区域
- 3.2 绑定打印事件
- 3.3 完整代码
- 4.避坑
- 4.1 打印表格无边框
- 4.2 单选框复选框打印不选中
- 4.3 去除页脚页眉
- 4.4 打印內容不自动换行
1.前言
vue3 前端打印功能主要通过插件来实现。
市面上常用的有 vue3-print-nb 、print-js 等插件。
这里我综合各种使用情况，采用 vue3-print-nb 这个插件。
2.安装配置
2.1 下载安装
npm i vue3-print-nb --save
2.2 main.js 全局配置
3.综合案例
3.1 设置打印区域
这里为要打印的区域设置 id 选择器