vue使用printJS实现批量打印及单个打印 避免空白页

本文介绍了使用print-js库实现批量打印功能的实现方法。通过安装print-js依赖后，创建一个batchPrintAction方法，该方法接收选中行数据，生成包含多个标签页的HTML字符串。每个标签页以表格形式展示6个数据字段，并设置了80mm×50mm的标签尺寸。方法使用PrintJS进行打印，配置了打印样式和页面设置，并在打印完成后移除临时创建的DOM元素。该实现支持批量打印和单条数据打印，包含数据验证和样式自定义功能。 

首先安装依赖

npm i 'print-js'
//或者
yarn add 'print-js'

 调用batchPrintAction方法 ，可根据开发需要自行设计样式及数据

import printJS from "print-js";const batchPrintAction = (row) => {const selectdata = row ? [row] : selectedRows.value;if (selectdata.length === 0) {ElMessage.warning("请先选择要打印的数据");return;}// 创建一个包含所有选中行数据的HTML字符串，每个