Vue 3 使用 el-upload 获取上传文件 - 使用 setup 函数

"这是我的前端代码：\n\n <el-upload\n :action="null"\n :auto-upload="false"\n :file-list="fileList"\n :on-change="handleChange"\n >\n <el-button type="primary">Click to upload\n \n \n <el-button type="primary" @click="updateOneSection">Submit\n <el-button type="primary" @click="checkForm">Check\n \n \n当我使用 el-upload 上传文件时，因为我并没有使用 el-upload 提供的上传方法，我该如何获取 el-upload 收集到的文件，请使用 vue setup 语法内容：在 Vue 3 中，可以使用setup函数来获取el-upload收集到的文件。首先，你需要在setup函数中定义一个ref来存储文件列表的数据，并且在el-upload的onChange事件中更新这个数据。然后，你可以在需要的地方通过调用该ref来获取文件列表。\n\n以下是示例代码：\n\njavascript\nimport { ref } from 'vue';\n\nexport default {\n setup() {\n const fileList = ref([]);\n\n const handleChange = (file, fileList) => {\n fileList.forEach((file) => {\n // 处理文件\n console.log(file);\n });\n \n // 更新文件列表\n fileList.value = fileList;\n };\n\n // 其他逻辑...\n\n return {\n fileList,\n handleChange,\n };\n },\n};\n\n\n在上述代码中，我们使用ref来创建一个响应式的fileList变量，并在handleChange函数中更新它。你可以在需要的地方通过调用fileList.value来获取文件列表。\n\n希望对你有帮助！