欢迎来到代码驿站!

vue

当前位置:首页 > 网页前端 > vue

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

时间:2021-06-09 08:07:15|栏目:vue|点击:

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

具体如下:

<el-upload
 ref='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();

上一篇:解决vue-pdf查看pdf文件及打印乱码的问题

栏    目:vue

下一篇:Vue拖拽组件列表实现动态页面配置功能

本文标题:element-ui 上传图片后清空图片显示的实例

本文地址:http://www.codeinn.net/misctech/138416.html

推荐教程

广告投放 | 联系我们 | 版权申明

重要申明:本站所有的文章、图片、评论等,均由网友发表或上传并维护或收集自网络,属个人行为,与本站立场无关。

如果侵犯了您的权利,请与我们联系,我们将在24小时内进行处理、任何非本站因素导致的法律后果,本站均不负任何责任。

联系QQ:914707363 | 邮箱:codeinn#126.com(#换成@)

Copyright © 2020 代码驿站 版权所有