Property 'originalEvent' does not exist on type 'Event'.
时间: 2023-08-03 12:03:00 浏览: 211
非常抱歉,我的回答还是有误。在Vue中,事件对象并没有originalEvent属性。正确的做法是直接在事件处理程序中访问原生DOM事件对象。以下是更新后的示例代码:
```html
<template>
<div class="drop-zone" @dragstart="onDragStart" @dragend="onDragEnd">
Drag file here
</div>
</template>
<script>
export default {
methods: {
onDragStart(event) {
const file = ... // 获取要托出的文件
const fileURL = URL.createObjectURL(file)
const dataTransfer = event.dataTransfer
dataTransfer.setData('DownloadURL', `application/octet-stream:${file.name}:${fileURL}`)
},
onDragEnd(event) {
const dataTransfer = event.dataTransfer
dataTransfer.clearData('DownloadURL')
}
}
}
</script>
```
在上面的代码中,我们直接在事件处理程序中访问原生DOM事件对象,并从中获取dataTransfer属性。然后,我们可以按照之前的方法,将要托出的文件的URL添加到数据传输对象中。
阅读全文