vue中electron与vue通信（fs.existsSync is not a function解决方案）-Toy模板网

这篇具有很好参考价值的文章主要介绍了vue中electron与vue通信（fs.existsSync is not a function解决方案）。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

electron向vue发送消息

dist/main.js (整个文件配置在另一条博客里)

win = new BrowserWindow({
  width:1920,
  height:1080,
  webPreferences: {
		// 是否启用Node integration
        nodeIntegration: true, // Electron 5.0.0 版本之后它将被默认false
        // 是否在独立 JavaScript 环境中运行 Electron API和指定的preload 脚本.默认为 true
        contextIsolation: false,  // Electron 12 版本之后它将被默认true 
   }
})
win.webContents.send('message-from-main', 'message')

vue文件中

<script>
const { ipcRenderer } = window.require("electron"); // 不加window会报错 fs.existsSync is not a function
mounted() {
	ipcRenderer.on("message-from-main", (event, value) => {
    	console.log(value, "value"); // message
   	})
}
</script>

vue向electron发送消息

vue文件中

<script>
const { ipcRenderer } = window.require("electron");
mounted() {
	ipcRenderer.send('message-from-vue', { data: 'message' })
}
</script>

dist/main.js (整个文件配置在另一条博客里)

const { ipcMain } = electron;
win = new BrowserWindow({
  width:1920,
  height:1080,
  webPreferences: {
		// 是否启用Node integration
        nodeIntegration: true, // Electron 5.0.0 版本之后它将被默认false
        // 是否在独立 JavaScript 环境中运行 Electron API和指定的preload 脚本.默认为 true
        contextIsolation: false,  // Electron 12 版本之后它将被默认true 
   }
})
ipcMain.on('message-from-vue', (event, arg) => {
  console.log(arg.data, "message-from-vue"); // message
})