v-model:file-list="fileList",用vue3的js

在Vue 3中，`v-model:file-list="fileList"`是单文件组件（Single File Component, SFC）中常用的指令，用于双向绑定元素内容和Vue实例中的数据属性。这里的`fileList`是一个数组，通常用于处理文件上传相关的场景，比如表单的文件选择。

当你在HTML模板中使用`<input type="file" v-model:file-list>`这样的结构，每次用户从浏览器选择文件，`fileList`就会相应地更新，反之亦然，你在JavaScript中对`fileList`的修改会同步反映到视图上。

以下是一个简单的Vue 3组件示例，展示了如何使用`v-model:file-list`：

<!-- 在template部分 -->
<input type="file" @change="handleFileChange" v-model:file-list="selectedFiles">

<script setup>
import { ref } from 'vue';

// 创建一个响应式的文件列表
const selectedFiles = ref([]);

function handleFileChange(e) {
  // 当用户选择文件时，更新selectedFiles
  selectedFiles.value = e.target.files;
}
</script>

在这里，`handleFileChange`函数会在用户选择文件后被触发，将文件信息添加到`selectedFiles`数组中。