element图片上传组件使用体会

• 虽然element图片上传的组件很好用，但和我目前的需求不是很符合，在这里记录下我使用的体会。
• 图片上传组件使用：

<el-upload
  class="avatar-uploader"
  action="https://jsonplaceholder.typicode.com/posts/" //在action请求要上传的图片
  :show-file-list="false"
  :on-success="handleAvatarSuccess"//图片上传成功的回调函数
  :before-upload="beforeAvatarUpload">
  <img v-if="imageUrl" :src="imageUrl" class="avatar">
  <i v-else class="el-icon-plus avatar-uploader-icon"></i>
</el-upload>

图片上传一般有两个步骤：
1.name上传文件名，后台会放回该图片的URL地址
2.将后台返回的URL地址传给后端保存到数据库
今天主要想说的是，在上传图片的时候要同时将图片的缩略显示到页面，虽然组件里也有，但我仔细考虑过了，我这边需求是可以点击缩略图可以删除上传的图片，很明显组件的缩略图是不适合的，它绑定的是图片的基础地址，在删除图片是同时要把传给后端的图片数组也要删除。