将电子主 js 中的事件发送到 vue 组件中答案

【问题标题】：Emit an event from electron main js into a vue component将电子主 js 中的事件发送到 vue 组件中
【发布时间】：2020-01-22 13:08:18
【问题描述】：

我目前正在使用电子版本 5.0.0 构建电子应用程序

我正在使用电子的电源监视器功能，但这只能从主电子 js 文件访问，但我需要让 vue 组件知道。我尝试使用事件总线

    powerMonitor.on('lock-screen', () => {
        console.log("locked")
        EventBus.$emit('logout');
    })
})

但看起来 evenbus 仅适用于 vue 组件。任何人都对我如何将电子主 js 文件中的偶数发送到 vue 组件有任何想法

【问题讨论】：

标签： javascript vue.js electron

【解决方案1】：

好的，我终于知道它是如何完成的了。

您必须使用 ipcRenderer 侦听器将使用 webContents 发送事件。它应该看起来像这样。

//main.js
    powerMonitor.on('unlock-screen', () => {
        console.log("unlocked")
        win.webContents.send('computer-unlock')
    })

//Vue Component
    require('electron').ipcRenderer.on('computer-unlock', () => {
                console.log("logging in");
                _this.computerLocked = false;
    })

【讨论】：