在子元素上错误地调用了VUE 3的dragenter和dragleave

在Vue 3中，调用dragenter和dragleave事件是错误的。这是因为Vue 3中已经将这两个事件移除，并引入了新的事件API。

在Vue 3中，应该使用dragover和drop事件来处理拖拽操作。dragenter和dragleave事件被废弃的原因是它们在处理拖拽操作时会产生性能问题，而dragover和drop事件能够更好地处理这些问题。

具体来说，dragover事件在拖拽元素经过目标元素时触发，而drop事件在拖拽元素在目标元素上释放时触发。通过监听这两个事件，可以实现拖拽操作的相关逻辑。

在Vue 3中，可以通过以下方式使用dragover和drop事件：

1. 在模板中添加对应的事件监听器：

<template>
  <div @dragover="handleDragOver" @drop="handleDrop"></div>
</template>

1. 在组件中定义对应的方法来处理事件：

<script>
export default {
  methods: {
    handleDragOver(event) {
      // 处理拖拽元素经过目标元素时的逻辑
    },
    handleDrop(event) {
      // 处理拖拽元素在目标元素上释放时的逻辑
    }
  }
}
</script>

关于Vue 3的事件处理，可以参考官方文档：Vue 3 Events

另外，如果需要在Vue 3中实现拖拽操作，可以考虑使用第三方库，如vue-draggable，该库提供了丰富的拖拽功能，并且与Vue 3兼容。