Vue -文件输入元素的@change不会在其文件通过引用拖放文件上载进行设置时触发

<template>
  <div>
    <input type="file" @change="handleFileChange" v-drag-and-drop @drop="handleDrop">
  </div>
</template>

<script>
export default {
  directives: {
    'drag-and-drop': {
      bind(el, binding, vnode) {
        el.addEventListener('dragover', (e) => {
          e.preventDefault();
        });
      },
      inserted(el, binding, vnode) {
        el.addEventListener('drop', binding.value);
      }
    }
  },
  methods: {
    handleFileChange(event) {
      // 处理文件选择事件
    },
    handleDrop(event) {
      // 处理拖放事件，获取拖放的文件信息
      const files = event.dataTransfer.files;
      // 处理文件上传逻辑
    }
  }
}
</script>