从Electro-Vue中的菜单项访问浏览器窗口

时间:2019-04-28 02:49:30

标签: javascript electron-vue

我正在尝试添加一个菜单项,该菜单项将加载设置窗口vue组件的URL。我遵循此步骤创建了menu

问题是我如何可以单击此处访问createWindow()方法内部的方法,在其中可以触发加载browserWindow来设置文件。

我试图添加一个单击侦听器,该侦听器尝试访问createWindow()中的函数,但是没有运气

mainmenu.js

const {Menu} = require('electron')
const electron = require('electron')
const app = electron.app

const template = [
  {
    label: 'Custom',
    submenu: [
      {
        label: 'Setting',
        click (item, focusedWindow) {
          loadSettingWindow()
        }
      }
    ]
  }
]

const menu = Menu.buildFromTemplate(template)
Menu.setApplicationMenu(menu)

index.js

'use strict'

import { app, BrowserWindow } from 'electron'

let mainWindow
let serviceWindow

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

function createWindow () {
  /**
   * Initial window options
   */
  mainWindow = new BrowserWindow({
    height: 563,
    useContentSize: true,
    width: 1000
  })

  mainWindow.loadURL(winURL)

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

  function loadSettingWindow () {
    console.log('trigger setting window here')
  }
  require('./mainmenu')
}
app.on('ready', createWindow)

app.on('window-all-closed', () => {
  if (process.platform !== 'darwin') {
    app.quit()
  }
})

app.on('activate', () => {
  if (mainWindow === null) {
    createWindow()
  }
})

我希望click事件将调用来触发函数loadSettingWindow,但似乎无法访问它。

1 个答案:

答案 0 :(得分:0)

您不能直接从main访问到渲染器进程。但是您可以使用IPC发送消息以呈现过程并在Vuejs存在的地方对其进行处理。