要求:上传一张图片后,隐藏上传Icon,删除该图片再把Icon展示出来
代码示例:主要看注释部分,上传图片格式与大小element官方有,这里不做代码展示
1:绑定 :class 在DOM数里加上on-remove,on-change,limit
<el-upload
:class="{ uploadIconOne: showImg, uploadIcon: noneUploadImg }"// 1.动态绑定样式,控制显示隐藏
drag
:action="'v3/task/madel/uploadFile?type=' + type"
:accept="accept"
list-type="picture-card"
:on-success="handleSuccess"
:before-upload="beforeAvatarUpload"
:file-list="fileList"
file="file"
:on-remove="handleDeleteImgRemove" //移除
:on-change="uploadImgChange" //文件上传状态改变
:limit="limitCountImg" //上传文件数量
>
<i class="el-icon-upload"></i>
</el-upload&g