vue input上传图片实时更新

前言：

最近写了个后台管理系统，在上传图片修改时这块，上传图片时要封面图片保持实时更新，从而对用户有着更好的体验，试了一个方法，发现比较好用。

• 首先这块要点击选择完文件时保持图片的更新。

• 这里是请求接口后渲染的图片。

 <div class="imgBox" v-if="this.type === 2 && this.editShowList">
        <img :src="`${ATTACH_FILE_PREFIX}` + editShowList.headImgUrl" class="pic">
 </div>
 <input type="file" @change="getCoverFile" id="headimgfile" />

• 逻辑方面，主要后面添加了一串代码，上面的部分均为判断和上传图片所请求的接口。

  async getCoverFile(e