前端学习之路Electron——Menu和点击事件、快捷键

menu.js部分

const { Menu,BrowserWindow } = require("electron");
var template = [
  {
    label: "首页",
    submenu: [
      {
        label: "会员中心",
        click: () => {
          var win = new BrowserWindow({
            width: 500,
            height: 500,
            webPreferences: {
              nodeIntegration: true
            }
          })
          win.loadFile('yellow.html');
          win.on('closed',()=>{
              win = null
          })
        },
      },
      {
        label: "商品种类",
      },
    ],
  },
  {
    label: "咨询中心",
    submenu: [
      {
        label: "人工客服",
      },
      {
        label: "常见问题",
      },
    ],
  },
];
var m = Menu.buildFromTemplate(template)

Menu.setApplicationMenu(m)

main.js部分：

引入menu

require('./main/menu')

全部代码：

var electron = require('electron') 

var app = electron.app   

var BrowserWindow = electron.BrowserWindow;

var mainWindow = null ;
app.on('ready',()=>{
    mainWindow = new BrowserWindow({
        width:750,
        height:500,
        webPreferences:{ nodeIntegration:true}
    })
    require('./main/menu')
    mainWindow.loadFile('demo.html')

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

})

注意事项：

请不要忘记了这个然后在你的入口文件引入

var m = Menu.buildFromTemplate(template)

Menu.setApplicationMenu(m)

绑定Menu的快捷键：

 accelerator:`ctrl+f`,

menu.js部分

const { Menu,BrowserWindow } = require("electron");
var template = [
  {
    label: "首页",
    submenu: [
      {
        label: "会员中心",
        accelerator:`ctrl+f`,
        click: () => {
          var win = new BrowserWindow({
            width: 500,
            height: 500,
            webPreferences: {
              nodeIntegration: true
            }
          })
          win.loadFile('yellow.html');
          win.on('closed',()=>{
              win = null
          })
        },
      },
      {
        label: "商品种类",
      },
    ],
  },
  {
    label: "咨询中心",
    submenu: [
      {
        label: "人工客服",
      },
      {
        label: "常见问题",
      },
    ],
  },
];
var m = Menu.buildFromTemplate(template)

Menu.setApplicationMenu(m)