产生原因及解决方案
我们在进行拖拽事件的编写时会发现,在火狐浏览器上会发生打开新窗口的问题,这是火狐浏览器的一个特性。
这是因为在 Firefox 中 ondrop 事件会触发 Firefox 自带的拖拽搜索功能,在 ondrop 事件触发执行时触发的函数中加上这两条即可:
event.preventDefault();
event.stopPropagation();
vue中的解决方案
在 created 声明周期中,阻止 FireFox 拖动打开新窗口。
document.body.ondrop = function(event){
event.preventDefault();
event.stopPropagation();
}