原理:通过vue的ref引用实现获取这个文件的DOM元素,然后干掉这个元素,也就是执行自带的函数handleRemove
代码如下
html:
<el-upload action="http://127.0.0.1:7001/api/upload" list-type="picture-card" :auto-upload="true" :on-change="addFile" :limit='1' ref='files'>
script部分
handleRemove(file) {
this.$refs.files.handleRemove(file)
}
实质上图片还是已经上传完毕了