这主要就要依赖原生拖拽
let drag = document.getElementById("drag")
drag.addEventListener("dragover", (e)=>{
e.dataTransfer.dropEffect = "copy";
e.stopPropagation();
e.preventDefault();
}, false);
drag.addEventListener("drop", (e)=>{
e.preventDefault();
e.stopPropagation();
if(e.dataTransfer.files[0].path){
let path = e.dataTransfer.files[0].path
this.$emitNode("tradeMenu", "open", path);
this.$onNodeOnce("tradeMenuOpen", (event, arg) => {
let trade = openFormat(path, arg);
this.newEditTrade(trade);
});
}, false);
以上代码无法粘贴复制直接使用，但是能够提供方向，以及一些重要API方法。
1. 程序已经启动，通过点击打开文件，进行打开this.$dialog .showOpenDialog({ title: "打开文件", defaultPath: "", properties: ["openFile"], // properties: ['openFile', 'multiSelec...
https://blog.csdn.net/lucky_fang/article/details/125264788
最近做了一个electron+vue的项目，需要实现类似QQ边缘自动隐藏的功能。
一开始想到的是通过页面的mouseout、mouseenter、mouseleave等方法实现，通过查找了很多资料，发现这几个方法只能实现一些比较简单的交互，局限性很大，难以实现鼠标hover显示，out就隐藏的效果。
后来发现通过监听鼠标在窗口的位置可以非常方便实现鼠标hover和out的判断，从而实现窗口自动隐现功能。
电子文件夹视图
我最初将其创建为nodejs应用程序以查看本地图像。 我对自己拥有的免费和付费图像应用程序感到沮丧-我需要一些东西来简单地显示文件夹中的图像。 有了许多可用于网络的出色图像处理库，我认为将某些东西放到节点上就足够简单了……然后，我发现了Electron的超赞之处！
这个程序可以让我快速添加功能来处理各种文件管理任务。 迫在眉睫的是能够快速查看媒体文件，而不会出现笨拙的小部件或ui chrome。 使用Electron，我可以在Windows可执行文件中使用Web技术创建具有自定义功能的通用目录浏览器！
这是一个正在进行的工作。 随意使用和修改。
主要目的是查看文件夹项目
项目功能：复制，剪贴板...，删除，浏览，文件夹大小，打开，移动，重命名，将图像设置为背景，零
网格中显示的项目
网格功能：隐藏项目，过滤器，文件夹，最后一个文件夹，顺序，缩放，滚动，随机播放，
使用Electron开发客户端时，经常会遇到需要打开某个文件或者某个文件夹的需求。比如做一个下载应用，选择默认下载路径的时候就需要有这个功能。再比如做一个播放器应用，选择打开某个视频文件的时候也需要类似的功能。
Electron中关于文件和文件夹操作的API模块是shell，它使用默认的应用程序管理文件和 URL。接下来介绍的方法都..
const shell = require('electron').shell;
const path = require('path');
shell.openItem(path.join(__dirname, 'new.docx'));
备注：这种方式只是用来测试打开本地Office文件，如果应用正式打包之后，需通过注册表方式进行打...
Electron 中文文档，200多页。排版精美，值得收藏。
---------------------------------------------------
本 PDF 基于开源文档，目录书签齐全。
版权归原作者，翻译版权归译者。
