使用electron ipcRenderer接收通信消息多次触发

最新推荐文章于 2024-11-19 11:21:11 发布
原创 最新推荐文章于 2024-11-19 11:21:11 发布 · 2.3k 阅读 · 1 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#electron #前端 #vue.js

本文讨论了在Electron应用中，如何避免ipcRenderer.send发送消息后多次触发on监听的问题，通过将.on更改为.once，确保接收器只会响应一次。

使用electron ipcRenderer接收通信消息多次触发

在使用electron ipcRenderer.on接收ipcRenderer.send的返回值时，ipcRenderer.send发送一次信息， ipcRenderer.on会打印多个日志，

renderer.once('get-file-path', (event: any, paths: any) => {
	console.log(paths)
})

解决方法，将.on改为.once就可以只触发一次

【Electron-vue】构建桌面应用（11）-渲染进程与主进程通信时多次输出结果
chenqk_123的专栏
10-14 1215
在Electron-vue框架中，使用ipcMain和ipcRenderer进行通信时，通常会使用on方法去监听某一个事件，具体用法是： 主进程main.js // 监听登陆渲染进程事件 ipcMain.on("login", (event, arg) => { let message = '' let cmdStr = '' + JSON.stringify(arg) + '' child.stdin.write(cmdStr + '\n') child.stdout.on('dat
electron 通讯 ipcRenderer 、ipcMain、mainWindow.webContents.send
九段刀客的博客
04-28 3804
一、主进程(electron)发信息，窗口页面接收 这个mainWindow是new BrowserWindow创建的那个webview窗口 electron主进程发送信息 mainWindow.webContents.send("test111", "九段刀客"); 窗口也就是比如vue项目中接收 xxx.vue const { ipcRenderer } = require("electron"); //第二个参数是传过来的值 ipcRenderer.on("ping", (event, mes
electron ipcMain ipcRenderer通信 dialog选择文件 避坑
weixin_54661092的博客
04-07 1884
electron ipcMain ipcRenderer通信 dialog选择文件 避坑
electron-vue ipcRenderer.on() 调用多次
weixin_30340745的博客
05-22 3827
methods: { isSave (ev) { this.localFileUrl = ev.localFileUrl // 本地的路径 ipcRenderer.send('save-dialog', ev.localFileUrl) ipcRenderer.on('saveFile', (event, path1) => { ...
electron中主进程和渲染进程通信
于坤
04-25 1472
在 Electron 中，通过使用 IPC （Inter-Process Communication）机制，ipcMain和模块可以在主线程（主进程）和渲染线程（渲染进程）之间进行消息通信。当你想要从主线程发送数据到渲染线程时，可以使用ipcMain处理来自渲染线程的消息，并使用方法来将结果发送回渲染线程。
electron：ipcRenderer和ipcMain进程通信
高考我军的博客
12-11 2020
electron提供ipcRender和ipcMain进行主进程和渲染进程进行通信 主进程发送消息 ... var mainWindow = new BrowserWindow({ width: 1280, height: 750, webPreferences: { contextIsolation: false, enableRemoteModule: true, nodeIntegration: true } }) var
electron进程通信
weixin_49722066的博客
07-10 747
渲染进程调用主进程的electron
Electron工作流程（2）——进程间通信
MarinaTsang的博客
08-01 1989
游戏启动下载器之 Electron 入门
redux-electron-ipc：简化Electron中IPC通信的Redux中间件
其实现原理主要是利用了Electron提供的`ipcRenderer`和`ipcMain`模块，并在其基础上封装了一层适配逻辑，使其行为符合Redux中间件的调用约定——即接收`next`和`action`参数，在适当时候调用`next(action)`继续传递...
【Electron-vue】构建桌面应用（9）-electron中的this指向问题
chenqk_123的专栏
09-28 936
我记得在刚使用elecctron-vue进行开发的时候是可以绑定的，通过一些事件触发也可以变更视图。于是重新构建了一个应用，当我没有引入主进程和渲染进程时，发现一切都是好的。然而添加过主进程和渲染进程通信后，发现在进程中无法使用this进行绑定。 在上一篇在中发现了electron-vue中的this指向出现问题，在主进程和渲染进程之间通信的时候，尝试了不管使用何种方式，在ipRenderer中this永远指向窗口即electron，而不是指向我们的Vue。 更正一个问题，昨天说到我在登陆页面也无法通过th
Electron入门之ipcMain，ipcRenderer
ASP.NET
08-30 3306
ipcMain模块是类EventEmitter的实例.当在主进程中使用它的时候，它控制着由渲染进程(web page)发送过来的异步或同步消息.从渲染进程发送过来的消息将触发事件. 【发消息】 发送消息，事件名为channel. 回应同步消息, 你可以设置event.returnValue. 回应异步消息, 你可以使用event.sender.send(...). 例子： // 主进程中 const ipcMain = require('electron').ipcMain; ipcMain...
electron 使用ipcRenderer，ipcMain 实现进程之间的通信
qq_40693662的博客
02-04 3875
通过ipcApi 这个类 就 代替了 preload.js 作为中转绑定的效果。
Electron使用指南—IPC 通信_electron ipc通信
2401_84253380的博客
06-20 328
【代码】Electron使用指南—IPC 通信_electron ipc通信。
Electron主进程渲染进程间通信的四种方式
老电影故事的博客
01-06 8641
在中进程使用和模块，通过开发人员定义的“通道”传递消息来进行通信。新的版本中推荐使用上下文隔离渲染器进程进行通信，这种方式的好处是无需在渲染进程中直接使用发送消息，这种在渲染进程中调用nodejs对象的方法对于渲染进程有侵入性。当我们使用或者其他前端框架开发界面时，上下文隔离方式使用起来更加方便，基本上感受不到对前端框架的影响。
electron 中 ipcRenderer 的常用方法有哪些？
weixin_64684095的博客
11-05 2351
用于从渲染进程向主进程发送消息。这是最常用的方法之一，它允许渲染进程触发主进程中的操作或传递数据。
常用的 electronAPI 方法
最新发布
m0_67521703的博客
11-19 1428
开发者可以在 preload.js 中添加自定义方法并暴露给渲染进程。preload.js 示例},},});React 使用自定义方法。
electron 主进程与渲染的通信
weixin_42279616的博客
08-03 308
1.主进程先发起通信 主进程主动发起通信代码： const {ipcMain,BrowserWindow} = require('electron'); let browserWindow= new BrowserWindow({ frame:true,//有边框 false 无边框 width:1200, height: 600, }); //browserWindow是主窗口实例 browserWindow.webContents.send('mainMes
大概是全网最详细的Electron ipc 讲解(一)——主进程与渲染进程的两情相悦
qq_39448719的博客
02-22 9118
希沃ENOW大前端公司官网：CVTE(广州视源股份)团队：CVTE旗下未来教育希沃软件平台中心enow团队「本文作者：」image.png前言你盼世界，我盼望你无 bug 。Hello 大...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值