el-upload清空列表，Vue3语法

在Vue 3中，可以使用`ref`和`reactive`来创建响应式的数据。要清空el-upload的文件列表，你可以进行如下操作：

1. 在`setup`函数中引入`ref`和`reactive`：

import { ref, reactive } from 'vue';

2. 创建一个`ref`变量来存储文件列表：

const fileList = ref([]);

3. 在el-upload组件中，将文件列表绑定到`file-list`属性上，并监听`change`事件更新文件列表：

<el-upload
  :file-list="fileList"
  @change="handleChange"
>
  <!-- 其他配置项 -->
</el-upload>

4. 在`handleChange`方法中更新文件列表：

const handleChange = (file, fileList) => {
  fileList.forEach((item, index) => {
    fileList[index].status = 'success'; // 设置文件状态，可根据实际需求进行修改
  });
  fileList.value = fileList; // 更新文件列表
};

5. 添加一个按钮或者其他操作来清空文件列表：

<button @click="clearFileList">清空列表</button>

6. 在`methods`中添加`clearFileList`方法来清空文件列表：

const clearFileList = () => {
  fileList.value = [];
};

完整示例代码如下：

<template>
  <div>
    <el-upload
      :file-list="fileList"
      @change="handleChange"
    >
      <!-- 其他配置项 -->
    </el-upload>
    <button @click="clearFileList">清空列表</button>
  </div>
</template>

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

export default {
  setup() {
    const fileList = ref([]);

    const handleChange = (file, fileList) => {
      fileList.forEach((item, index) => {
        fileList[index].status = 'success'; // 设置文件状态，可根据实际需求进行修改
      });
      fileList.value = fileList; // 更新文件列表
    };

    const clearFileList = () => {
      fileList.value = [];
    };

    return {
      fileList,
      handleChange,
      clearFileList,
    };
  },
};
</script>

以上代码将会创建一个具有清空文件列表功能的el-upload组件。当用户选择文件后，文件列表会根据`handleChange`方法进行更新，点击清空按钮后，文件列表会被清空。你可以根据实际需求进行适当的修改。