写了段代码,不知道哪里有问题? 好心人帮我修正下?十分感谢!
<template>
<div id="app">
<div class="box" @drop="drop" @dragenter="dragenter" @dragover="dragover" @dragleave="dragleave"></div>
</div>
</template>
<script>
export default {
methods: {
dragenter(e) {
e.preventDefault();
},
dragover(e) {
e.preventDefault();
},
dragleave(e) {
e.preventDefault();
},
drop(e) {
console.log('drop', e);
e.preventDefault();
var efile = e.dataTransfer.files[0];
console.log(efile.path, 'utf8');
return false;
}
}
};
</script>
<style>
.box {
width: 200px;
height: 200px;
background-color: pink;
}
</style>
输出:
undefined "utf8"
event.js:510 Uncaught TypeError: this._drop is not a function
at Object.handleEvent (event.js:510)
与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…