element-ui 上传图片后清空图片显示

element-ui 上传图片后清空图片显示

使用element-ui，使用el-upload上传图片，上传图片后再次打开还是会有原来的图片，想要清空原来上传的图片，只需要在组件上绑定ref，在提交成功后的方法里调用this.$refs.upload.clearFiles();就可以清除原来上传的文件。具体如下：

<el-uploadref='upload'class="upload-demo"action="https://jsonplaceholder.typicode.com/posts/":on-change="handleChange":file-list="fileList3"><el-button size="small" type="primary">点击上传</el-button>
</el-upload>

this.$refs.upload.clearFiles();

也可


let arr= this.$refs.uploadif (arr&& arr.length) {arr.forEach(item => {item.clearFiles()})}

element-ui 上传图片后清空图片显示相关推荐

element UI上传图片Upload组件使用图片转base64和fale文件处理 formdata数据格式的应用
element UI上传图片Upload组件使用 & 图片转base64和fale文件处理 & formdata数据格式的应用 1.element UI上传图片Upload组件使用效 ...
elementui 上传七牛_用element ui上传图片到七牛踩过的坑
前端上传图片到七牛云的流程请求后端接口获取上传凭证请求七牛云地址上传图片到七牛云上传完毕将获得七牛云返回的图片地址七牛云地址说到七牛云地址,奴家真的是一把鼻涕一把泪刚开始做图片上传的时候, ...
Vue HTML：在Vue上写Html遇到的一些问题，html的首行缩进，html的行间距，element UI的回到顶部不显示
Vue & HTML:在Vue上写Html遇到的一些问题,html的首行缩进,html的行间距,element UI的回到顶部不显示资源: HTML 教程- (HTML5 标准) 怎么快速上 ...
小程序更换域名后发现图片显示不出来的问题解决方法
问题描述:小程序更换域名后发现图片显示不出来的问题解决方法试用范围:微信小程序基础库 1.0.1 及以上版本问题描述: 更换域名后发现图片显示不出来,同时微信公众平台配置了新域名,小程序中的ap ...
重装系统后电脑图片显示不出来怎么办
给电脑重装系统后,有的朋友在打开文件夹时发现图片都不显示了,就只显示格式图标的样子.这样看不了图片去找资料就很麻烦,那么电脑重装系统后电脑图片显示不出来怎么办呢?下面给大家讲讲如何在系统设置内调整这 ...
解决pycharm调用plt.show（）后无图片显示问题
博主最近在学习opencv的时候经常会发现调用plt.show()后没有图片显示下面是两种常见问题的解决办法 1:加载pylab库并且在plt.show()后面加入代码 import pylabp ...
【vue】Element UI实现表格表头纵向显示
element实现表格表头纵向显示我们正常使用Element UI写表格的时候,<el-table-column/> 标签里面都是纵向的.那么我们的需求有时候会要求行列转换,那么来看看咋 ...
Element Ui 关闭对话框清空验证消息，清除form表单的操作
方法1 首先在对话框取消按钮添加 click事件,例如:(ps:callOf 里面的addGroupData和ref - - ) <div slot="footer" c ...
element ui 上传图片
element ui图片上传 1.template 部分 2. script 部分 3. scss 部分这玩意很简单,记录一下吧,给入门的小白用下 1.template 部分 <templat ...

element-ui 上传图片后清空图片显示

element-ui 上传图片后清空图片显示相关推荐

最新文章

热门文章