el-upload，自定义已上传文件列表的样式，在已上传文件列表的每个文件后增加一个按钮

`el-upload` 是 Element UI 提供的一个强大的文件上传组件，它在 Vue.js 中非常常见，用于处理用户上传文件的功能。如果你想在已上传文件列表中自定义样式并添加额外操作，比如一个按钮，你可以通过以下步骤实现：

1. **Vue模板**：
使用 `v-for` 循环遍历 `el-upload` 的 `list` 数据属性（默认保存已上传文件），并为每个文件创建一个自定义的 `<li>` 元素，加上你需要的按钮：

<template>
  <el-upload
    :action="uploadUrl"
    list-type="picture-card"
    :on-success="handleSuccess"
    :file-list="uploadedFiles">
    <!-- ...其他配置... -->
  </el-upload>

  <ul class="custom-file-list">
    <li v-for="(file, index) in uploadedFiles" :key="index">
      <img :src="file.url" :alt="file.name">
      <button @click="handleExtraAction(file)">额外操作</button>
    </li>
  </ul>
</template>

2. **CSS**：
对 `.custom-file-list` 和 `li` 样式进行自定义，添加你喜欢的按钮样式。例如：

.custom-file-list {
  display: flex;
  flex-direction: column;
}

.custom-file-list li button {
  margin-left: 10px; /* 根据需要调整间距 */
  padding: 5px 10px;
  background-color: #ccc;
  color: white;
}

3. **JavaScript**：
`handleExtraAction` 函数会在点击按钮时被触发，这里可以编写你的业务逻辑：

methods: {
  handleExtraAction(file) {
    // 这里实现对单个文件的操作，如删除、编辑等
    console.log(`即将对文件 ${file.name} 进行额外操作`);
  }
}