vue elctron 打开新窗口并传参

在Vue Electron中，要打开一个新窗口并传递参数，可以使用ipcRenderer和ipcMain来实现进程间通信。

首先，在主进程的main.js文件中，需监听来自渲染进程的事件，并处理传递的参数。可以使用ipcMain.on函数监听事件，并通过event.sender.send函数将数据传递给渲染进程。

// main.js
const { app, BrowserWindow, ipcMain } = require('electron')
let mainWindow

function createWindow() {
  // 创建主窗口
  mainWindow = new BrowserWindow({width: 800, height: 600})
  mainWindow.loadURL('your_app_url')

  // 监听事件
  ipcMain.on('openNewWindow', (event, data) => {
    // 创建新窗口
    const newWindow = new BrowserWindow({width: 400, height: 300})
    newWindow.loadURL('your_new_window_url')

    // 传递参数给新窗口
    newWindow.webContents.on('did-finish-load', () => {
      newWindow.webContents.send('passedData', data)
    })
  })
}

app.on('ready', createWindow)

然后，在Vue组件中，使用ipcRenderer.send函数将事件和参数传递给主进程。

// YourComponent.vue
methods: {
  openNewWindowWithData() {
    const data = 'your_data'
    ipcRenderer.send('openNewWindow', data)
  }
}

最后，在新窗口的Vue组件中，监听对应的事件，并处理接收到的参数。

// NewWindowComponent.vue
mounted() {
  ipcRenderer.on('passedData', (event, data) => {
    // 处理接收到的参数
    console.log(data)
  })
}

通过以上的步骤，你可以使用Vue Electron在主窗口和新窗口之间进行数据传递，并打开一个新窗口并传递参数。