本文介紹了使用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字符串,每個