Плагин vue-electronic-builder - передача данных формы из vue в основной электронный процесс

В электроне есть два процесса: основной процесс и процесс рендеринга. Компонент Vue работает в процессе рендеринга. Однако запись файлов выполняется в основном процессе, который обычно обозначается background.js. Нам нужен способ связи между этими двумя процессами для записи данных. Этот способ называется inter-process communication. Электрон обеспечивает ipcMain & ipcRenderer для связи между двумя процессами.

Предположим, вам нужно отправить данные из формы (компонент Vue) в основной процесс. Начнем с определения настраиваемого события в background.js, например:

import {ipcMain} from "electron"; 

// this is the event listener that listens to the event emitted by the Vue component
ipcMain.on("form-submission-event", (event, args) => writeFormData(args));

В вашем компоненте Vue вы должны сделать следующее:

import {ipcRenderer} from "electron";

export default defineComponent({
     methods: {
         submitForm(data){
           // this will send the data to the main process
          ipcRenderer.send("form-submission-event", data)
          }
     }
}

Вы также можете передавать данные наоборот, то есть от основного процесса к процессу рендеринга. Подробнее читайте здесь: https://www.electronjs.org/docs/api/ipc-main и здесь https://www.electronjs.org/docs/api/ipc-renderer

Вы можете получить сообщение об ошибке, например, имя каталога не найдено. Чтобы исправить это, добавьте следующий код в vue.config.js

module.exports = {
  pluginOptions: {
    electronBuilder: {
      nodeIntegration: true
    }
  }

};