Vue 通过drop事件监听获取files为空

给元素添加了drop事件

<div @drop="drop" > </div>

function drop(e) {
	console.log("drop", e);
	e.preventDefault();
}

但控制台打印的e中的files为空

但是直接打印e.dataTransfer.files却发现不为空

<div @drop="drop" > </div>

function drop(e) {
	console.log("drop", e);
	console.log("drop", e.dataTransfer.files);
	e.preventDefault();
}

原因可能是在我们点击控制台的e的dataTransfer.files来查看数据时，drop事件已经结束了(可以理解为文件已经上传了，此时的files已经为空，控制台上的e是最新的e)