element批量上传的图片列表比较难看,改造一下,支持预览(需要自定义icon)和删除。
可以根据业务场景,在上传数量达到上限时通过v-if隐藏上传控件。
template
<!-- 已上传图片列表 -->
<div class="img_box">
<div class="image-list-div"
v-for="(image,index) in images"
:key="index">
<img :src="image"
class="avatar"
alt="" />
<span class="license-delete-icon"
@click="handleRemove(image)">
<em class="el-icon-delete"></em>
</span>
</div&g