ele组件上传图片--图片更换功能

最新推荐文章于 2023-12-27 18:03:00 发布

铁血猪刚鬣

最新推荐文章于 2023-12-27 18:03:00 发布

阅读量1k

点赞数

分类专栏：功能文章标签： javascript 前端开发语言

本文链接：https://blog.csdn.net/weixin_44583871/article/details/120881335

版权

这篇博客介绍了如何使用Ele组件实现图片上传并提供更换和删除功能，以QQ头像上传为例，提供了效果预览及相应的代码示例。

摘要由CSDN通过智能技术生成

ele组件上传图片–图片更换功能：

要写一个图片上传之后可以更换删除的功能。
例如：QQ头像上传

效果预览：

在这里插入图片描述

代码：

<el-upload
        action="#"
        list-type="picture-card"
        class="imgBox"
        :auto-upload="false"
        :file-list="fileList"
        :on-change="fileChange"
        :limit="2"
      >
      <!-- 原生的图片上传按钮控制隐藏 -->
        <el-button v-show="false" ref="upload" size="small" type="primary">点击上传</el-button>
        <i v-if="fileList.length===0" slot="default" class="el-icon-