编程 Javascript

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

Posted in Javascript onSeptember 04, 2018

使用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();

以上这篇element-ui 上传图片后清空图片显示的实例就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持三水点靠木。

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

- Author -

lx_1024

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

你必须知道的Javascript知识点之"this指针"的应用

Apr 23 Javascript

Jquery实现图片放大镜效果的思路及代码(自写)

Oct 18 Javascript

JavaScript组合拼接字符串的效率对比测试

Nov 06 Javascript

node.js下LDAP查询实例分享

Sep 30 Javascript

AngularJS实现一次监听多个值发生的变化

Aug 31 Javascript

Bootstrap 3浏览器兼容性问题及解决方案

Apr 11 Javascript

Vuex之理解Mutations的用法实例

Apr 19 Javascript

Vue计算属性的使用

Aug 04 Javascript

node中Express 动态设置端口的方法

Aug 04 Javascript

Vue cli+mui 区域滚动的实例代码

Jan 25 Javascript

vue实现前进刷新后退不刷新效果

Jan 26 Javascript

vue双向绑定及观察者模式详解

Mar 19 Javascript

vue项目在安卓低版本机显示空白的原因分析(两种)

Sep 04 #Javascript

Angular使用cli生成自定义文件、组件的方法

Sep 04 #Javascript

vue2.0 使用element-ui里的upload组件实现图片预览效果方法

Sep 04 #Javascript

使用elementUI实现将图片上传到本地的示例

Sep 04 #Javascript

element UI upload组件上传附件格式限制方法

Sep 04 #Javascript

在AngularJs中设置请求头信息(headers)的方法及不同方法的比较

Sep 04 #Javascript

webpack 3.X学习之多页面打包的方法

Sep 04 #Javascript

You might like

福利彩票幸运号码自动生成器

2006/10/09 PHP

Apache2 httpd.conf 中文版

2006/11/17 PHP

兼容性最强的PHP生成缩略图的函数代码(修改版)

2011/01/18 PHP

MySQL连接数超过限制的解决方法

2011/07/17 PHP

php之static静态属性与静态方法实例分析

2015/07/30 PHP

PHP设计模式之装饰器（装饰者）模式（Decorator）入门与应用详解

2019/12/13 PHP

做网页的一些技巧

2007/02/01 Javascript

Javascript获取表单名称（name）的方法

2015/04/02 Javascript

Jquery实现弹性滑块滑动选择数值插件

2015/08/08 Javascript

详解js中构造流程图的核心技术JsPlumb（2）

2015/12/08 Javascript

基于JS实现textarea中获取动态剩余字数的方法

2016/05/25 Javascript

Knockoutjs 学习系列(一)ko初体验

2016/06/07 Javascript

纯JS打造网页中checkbox和radio的美化效果

2016/10/13 Javascript

js截取字符串功能的实现方法

2017/09/27 Javascript

dropload.js插件下拉刷新和上拉加载使用详解

2017/10/20 Javascript

解决vue打包项目后刷新404的问题

2018/03/06 Javascript

vue中获取滚动table的可视页面宽度调整表头与列对齐(每列宽度不都相同)

2019/08/17 Javascript

js实现视图和数据双向绑定的方法分析

2020/02/05 Javascript

python dict remove数组删除(del,pop)

2013/03/24 Python

wxpython中Textctrl回车事件无效的解决方法

2016/07/21 Python

使用Python的package机制如何简化utils包设计详解

2017/12/11 Python

Python实现购物车程序

2018/04/16 Python

python基于C/S模式实现聊天室功能

2019/01/09 Python

python爬虫-模拟微博登录功能

2019/09/12 Python

Python实现钉钉订阅消息功能

2020/01/14 Python

python 中关于pycharm选择运行环境的问题

2020/10/31 Python

通过css3的filter滤镜改变png图片的颜色的示例代码

2020/05/06 HTML / CSS

H5混合开发app如何升级的方法

2018/01/10 HTML / CSS

如何打开WebSphere远程debug

2014/10/10 面试题

农村面貌改造提升实施方案

2014/03/18 职场文书

干部作风整顿自我剖析材料和整改措施

2014/09/18 职场文书

建筑专业毕业生求职信

2014/09/30 职场文书

2014年学校卫生工作总结

2014/11/20 职场文书

技术员个人工作总结

2015/03/03 职场文书

2015年食品安全宣传周活动总结

2015/07/09 职场文书

分析MySQL优化 index merge 后引起的死锁

2022/04/19 MySQL