Vue阻止火狐浏览器拖拽上传文件弹出新窗口

Vue阻止火狐浏览器拖拽弹出新窗口

问题描述

在使用vue开发的时候，项目中使用的是elementUI的el-upload组件拖拽上传文件。测试的时候发现火狐浏览器下会弹出新窗口，谷歌正常。

问题解决

拖拽弹出新窗口这是火狐浏览器的特性，在99.0.1和100版本都发现了这个问题，尝试查找解决办法。

1. 在html页面包含el-upload的标签外增加drop事件。
   
2. 增加reportDrop方法

 // 阻止火狐浏览器拖拽上传文件弹出新窗口
    reportDrop (event) {
      event.preventDefault()
      event.stopPropagation()
    }

校验之后，火狐浏览器正常，问题解决