vue.js - Electron Ipc渲染向Vuex发出事件

Question

嗨，大家好，我正在构建一个带有多个窗口的应用，
我的应用程序是用Vue + Electron开发的
我要完成的主要功能是，例如当用户想要在 Electron 打开弹出窗口中执行某些操作时，然后我想将操作发送到Vuex存储以向用户显示消息
那我怎么称呼 Electron 的Vuex作用呢？
代码样例:
Vue组件:

import { remote, ipcRenderer } from 'electron';

ipcRenderer.send('openPopup', id);

Electron 代码:

import { ipcMain, app } from 'electron';


ipcMain.on('openPopup', (event, args) => {
    console.log('do some action');
    // now how can I call vuex action from here
});

我尝试用以下方式调用它:

this.$store

但是它没有定义

Answer 1

您可以在ipcMain.on事件中简单地将所需数据返回到渲染器进程。
我也建议使用ipcRenderer.invoke/ipcMain.handle(Electron Doc - ipcMain)

// Main process
ipcMain.handle('openPopup', async (event, ...args) => {
  const result = await somePromise(...args)
  return result
})

// Renderer process
async () => {
  const result = await ipcRenderer.invoke('open-popup', id)
  // this.$store.dispatch(....) etc etc
}