vue3 事件 调用 input file

在Vue 3中，你可以使用指令（directive）和事件处理函数来调用input file对话框以下是一个示例：

1. 在模板中，使用v-on指令（或@符号的简写）来绑定一个点击事件，例如：

<template>
  <button @click="openFileInput">选择文件</button>
  <input type="file" ref="fileInput" style="display: none">
</template>

2. 在Vue组件的methods中，定义一个事件处理函数来打开文件选择对话框，并获取所选文件的信息，如下所示：

<script>
export default {
  methods: {
    openFileInput() {
      this.$refs.fileInput.click();
    },
    handleFileChange(event) {
      const selectedFile = event.target.files[0];
      // 处理所选文件
    }
  }
}
</script