electron-vue 窗口拖拽及自定義邊框，及關閉縮小放大化方法

1.窗口的最小化按鈕和關閉按鈕以及標題欄自定義，不使用 electron 自身攜帶的原生標題欄

在src文件夾下main下index.js文件添加

mainWindow = new BrowserWindow({
height: 670,
useContentSize: true,
width: 1080,
minWidth:1080,
minHeight:670,
frame: false,//添加后自定義標題//自定義邊框

resizable: false,//可否縮放

movable: false//可否移動

webPreferences: {webSecurity: false}
})

2.設置不可移動以后 單獨在組件中在設置某個區域可移動窗口拖拽，添加樣式即可style="-webkit-app-region: drag;">

3.electron 自帶方法

在src文件夾下main下index.js文件添加

import { app, BrowserWindow, ipcMain } from 'electron'

ipcMain.on('min', e=> mainWindow.minimize());
ipcMain.on('max', e=> mainWindow.maximize());
ipcMain.on('close', e=> mainWindow.close());

//自定義邊框以后使用

//vue組件中 const { ipcRenderer } = require( "electron");

<span @click="close">×</span>

方法：close() { ipcRenderer.send('close'); },//關閉窗口