Javascript 拖放操作不需要'；t使用Vue.js处理iFrame

我一直在使用Vue.js实现拖放

在测试中，每当文件被拖拽到dropzone时，浏览器就会发出“hello”警报

但是，当我将

iFrame

添加到

VueCLI

项目中的模板时，它不起作用。换句话说，当文件被拖放到

dropzone

（红色区域）中时，浏览器会在新选项卡中打开它，而不是在警告

hello

中打开它

奇怪的是它在

codepen.io中工作



我的项目代码片段

组件


导出默认值{
方法：{
doSomething（）{
警惕（“你好！”）；
}
},
}
.集装箱{
宽度：100vw；
高度：100vh；
位置：相对位置；
}
.dropzone{
背景色：红色；
宽度：100vw；
高度：60px；
位置：绝对位置；
排名：0；
}
.框架{
宽度：100vw；
高度：100vh；
}

为什么会发生这种奇怪的事情？
既然你只能说明什么是有效的，你就需要解释一下它是以什么方式无效的。。。浏览器开发人员工具控制台中是否出现错误？你的电脑爆炸了吗。。。当你不能证明它不起作用时，它就没有足够的信息working@Jaromanda假设文件被拖放到
dropzone
，在
VueCLI
的情况下，它会在
codepen.io
警报
hello
是时打开文件，我看到它警报hello。。。也许您没有显示的代码是错误的。。。i、 e.在“打开文件”的地方-这可能是您做错的地方，并且没有显示它们使用相同的代码库。除了您没有显示的代码“不工作”-因此