vue electron 新建窗口 禁用菜单
时间: 2023-07-27 22:29:49 浏览: 95
Electron+Vite+Vue3 模版
在Electron中,可以使用`BrowserWindow`类创建新窗口。要禁用菜单,可以在创建窗口时设置`menu`属性为`null`。这样就可以禁用窗口的默认菜单。
以下是使用Vue和Electron创建一个新窗口并禁用菜单的示例代码:
```
// main.js
const { app, BrowserWindow } = require('electron');
let mainWindow;
app.on('ready', () => {
mainWindow = new BrowserWindow({
width: 800,
height: 600,
webPreferences: {
nodeIntegration: true,
enableRemoteModule: true
}
});
mainWindow.loadURL(`file://${__dirname}/index.html`);
mainWindow.on('closed', () => {
mainWindow = null;
});
});
// index.html
<template>
<div>
<button @click="openNewWindow">Open New Window</button>
</div>
</template>
<script>
const { BrowserWindow } = require('electron').remote;
export default {
methods: {
openNewWindow() {
const newWindow = new BrowserWindow({
width: 800,
height: 600,
webPreferences: {
nodeIntegration: true,
enableRemoteModule: true
},
menu: null // 禁用菜单
});
newWindow.loadURL(`file://${__dirname}/newWindow.html`);
newWindow.on('closed', () => {
newWindow = null;
});
}
}
};
</script>
```
在上面的示例中,我们在创建新窗口时将`menu`属性设置为`null`,以禁用窗口的默认菜单。这样就可以在新窗口中禁用菜单。
阅读全文