electron-vue避免多次打开同一个子窗口
在electron-vue的开发中,或多或少会遇到打开子窗口的需要。如果不做处理,会出现多次打开同一个子窗口的问题。所以,解决掉这个问题是很有必要的。因此我的思路就是,当你在父窗口的页面中点击打开子窗口的按钮,会首先判断该子窗口是否存在,如果存在,就把子窗口显示出来,如果不存在,就创建子窗口,并展示出来。主窗口渲染进程代码methods:{openChildWindow(){this.$elect
·
在electron-vue的开发中,或多或少会遇到打开子窗口的需要。如果不做处理,会出现多次打开同一个子窗口的问题。
所以,解决掉这个问题是很有必要的。
因此我的思路就是,当你在父窗口的页面中点击打开子窗口的按钮,会首先判断该子窗口是否存在,如果存在,就把子窗口显示出来,如果不存在,就创建子窗口,并展示出来。
主窗口渲染进程代码
methods:{
openChildWindow(){
this.$electron.ipcRenderer.send('openchildwindow','open');
}
}
$electron是electron-vue在渲染进程中所注册的全局变量,方便使用。
主进程代码
let childWindow=null
ipcMain.on('openchildwindow',(event,arg)=>{
if(childWindow){
childWindow.show()
}else{
childWindow = new BrowserWindow({
useContentSize: true,
height: 800,
width: 1400,
resizable: true,
show: false,
parent: mainWindow,
})
childWindow.loadURL(childURL)
childWindow.once('ready-to-show', () => {
childWindow.show()
})
childWindow.on('closed', () => {
childWindow = null
})
}
})
这样的话,就可以实现我们的目标功能
更多推荐
已为社区贡献5条内容
所有评论(0)