electron vue 打开新窗口

1、主进程

background.js文件

const winURL = process.env.NODE_ENV === 'development' ? `http://localhost:8080` : `file://${__dirname}/index.html`

//事件名      openWindow是事件名
ipcMain.on('openWindow', function () {
  //调用 BrowserWindow打开新窗口
  const win2 = new BrowserWindow({
      width:400,
      height:300,
      webPreferences: {
        devTools: true,
        nodeIntegration: true,
        enableRemoteModule: true,
        contextIsolation: false,
      },
  })
  //test页面路由
  win2.loadURL(winURL+"/#/test");

  win2.webContents.openDevTools();

  win2.on('closed',()=>{
      win2=null;
  })
 
  
})

2、渲染进程

Index.vue页面

Test.vue页面

3、路由

{
  path: '/test',
  name: 'test',
  component: () => import('@/views/Test.vue')
},