Electron 设置-webkit-app-region: drag；实现拖拽后， 无法响应鼠标划过事件及点击事件的解决方式

最近使用electron+Vue+elementUI开发一个cs端项目，遇到了一些问题，现整理一下。
1.在开发 Electron 应用的过程中，想要使得窗口在普通大小可以拖动，于是设置给 title-bar css 如下：

.header {

-webkit-app-region: drag;
}
但设置了这个属性后，发现在header上点击缩小和 关闭 的功能又废了，现象如图：
怎么解决呢？
网上有2种解决办法

1. 拖动不要用 -webkit-app-region 了，自己监听 mouseDown 和 mouseUp 来实现吧

2. 父元素设置 -webkit-app-region： drag, 子元素 -webkit-app-region： no-drag 即可
   我这边采用的是第二种方法解决了次问题。