<el-upload 删除和放大按钮

回答: 要在<el-upload>组件中添加删除和放大按钮，你可以使用以下代码示例作为参考：

<el-upload
  :on-remove="handleDelete"
  :on-preview="scanBigImg"
>
  <!-- 添加删除按钮 -->
  <template #default="{ file, fileList }">
    <el-button
      type="danger"
      icon="el-icon-delete"
      @click="handleDelete(fileList.indexOf(file))"
    ></el-button>
  </template>
  <!-- 添加放大按钮 -->
  <template #file-list="{ file, fileList }">
    <el-button
      type="primary"
      icon="el-icon-view"
      @click="scanBigImg(file)"
    ></el-button>
  </template>
</el-upload>

在这个示例中，我们使用了`on-remove`和`on-preview`属性来绑定删除和放大的事件处理函数。在事件处理函数中，你可以根据需要执行相应的操作。同时，我们使用了`<template>`标签来自定义删除和放大按钮的样式和行为。你可以根据自己的需求进行修改和扩展。
#### 引用[.reference_title]
- *1* *2* [vue3 ElementPlus el-upload 图片列表缩略图模式添加查看大图 删除等自定义按钮](https://blog.csdn.net/weixin_45941959/article/details/129214859)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control_2,239^v3^insert_chatgpt"}} ] [.reference_item]
- *3* [Vue基础--封装el-upload的放大、下载、删除功能的实现](https://blog.csdn.net/qq_38244874/article/details/108120025)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control_2,239^v3^insert_chatgpt"}} ] [.reference_item]
[ .reference_list ]