產(chǎn)生原因及解決方案

我們?cè)谶M(jìn)行拖拽事件的編寫(xiě)時(shí)會(huì)發(fā)現(xiàn)，在火狐瀏覽器上會(huì)發(fā)生打開(kāi)新窗口的問(wèn)題，這是火狐瀏覽器的一個(gè)特性。

這是因?yàn)樵?Firefox 中 ondrop 事件會(huì)觸發(fā) Firefox 自帶的拖拽搜索功能，在 ondrop 事件觸發(fā)執(zhí)行時(shí)觸發(fā)的函數(shù)中加上這兩條即可：

event.preventDefault();
event.stopPropagation();

vue中的解決方案

在 created 聲明周期中，阻止 FireFox 拖動(dòng)打開(kāi)新窗口。

document.body.ondrop = function(event){event.preventDefault();event.stopPropagation();}