electron-vue静默打印2019最新解决方案（含源码）

最新推荐文章于 2024-08-20 09:10:45 发布

- 夜未º

最新推荐文章于 2024-08-20 09:10:45 发布

阅读量1.8k

点赞数

文章标签： electron打印 electron-vue打印静默打印

本文链接：https://blog.csdn.net/qq_37166804/article/details/89405386

版权

本文介绍了在electron-vue项目中实现静默打印的详细步骤，包括在主进程和渲染进程中添加相应代码，获取打印机列表，并提供了一个GitHub上的源码链接作为示例。在静态文件夹`static`中创建`print.html`用于打印，并分享了打包时如何处理静态资源路径，确保打印功能正常工作。

摘要由CSDN通过智能技术生成

#####项目环境
node 10.15.3
yarn 1.15.2
win10
代码完成时间2019-4-18
#####废话不多说，先放源码

GitHub

https://github.com/951477037/electron-print

git clone https://github.com/951477037/electron-print.git

//安装依赖
yarn
//运行项目
yarn run dev
//打包项目
yarn run build

目录结构

先在主进程 /src/main/index.js

//引入ipcMain
import {
  app,
  BrowserWindow,
  ipcMain
} from 'electron'

在createWindow方法里添加以下代码，获取打印机列表

  //在主线程下，通过ipcMain对象监听渲染线程传过来的getPrinterList事件
  ipcMain.on('getPrinterList', (event) => {
    //在主线程中获取打印机列表
    const list = mainWindow.webContents.getPrinters();
    //通过webContents发送事件到渲染线程，同时将打印机列表也传过去
    mainWindow.webContents.send('getPrinterList', list);
  });