微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

electron-vue新建窗口

新建窗口依赖于electron中的 browserWindow 类,new一个对象后,将该对象用loadURL方法注入页面,即可生成新窗口。当页面需要出现新窗口时,只需要使用ipcRenderer对象send方法调用即可。

function openAddNewWindow() {
  addNewWindow = new browserWindow({
    width: 400,
    height: 550,
    parent: vipwin, // win是主窗口
    frame: false,
    webPreferences: {
      nodeIntegration: true,
    },
  });
  addNewWindow.loadURL(`${winURL}#/add`);
  addNewWindow.on('closed', () => {
    addNewWindow = null;
  });
}

注意:新窗口也要禁用自带菜单,建议菜单不要直接在App.vue页面中导入,而是在主页面下导入,不然会导致错乱。新窗口注入的页面需要在router.js中配好,这里直接导入。

{
  path: '/add',
  name: 'add',
  component: require('@/components/add').default,
},

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 [email protected] 举报,一经查实,本站将立刻删除。

相关推荐