编程 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 相关文章推荐

jquery提升性能最佳实践小结

Dec 06 Javascript

JS调试必备的5个debug技巧

Mar 07 Javascript

完美兼容各大浏览器的jQuery仿新浪图文淡入淡出间歇滚动特效

Nov 12 Javascript

JQuery限制复选框checkbox可选中个数的方法

Apr 20 Javascript

jQuery实现下拉菜单（内容为时间）的实时更新及图表的随动更新的方法

Jul 07 Javascript

AngularJS指令用法详解

Nov 02 Javascript

jQuery基于事件控制实现点击显示内容下拉效果

Mar 07 Javascript

Vue0.1的过滤代码如何添加到Vue2.0直接使用

Aug 23 Javascript

JavaScript中EventLoop介绍

Jan 22 Javascript

微信小程序开发实现的选项卡(窗口顶部/底部TabBar)页面切换功能图文详解

May 14 Javascript

微信小程序如何通过用户授权获取手机号(getPhoneNumber)

Jan 21 Javascript

javascript实现拖拽碰撞检测

Mar 12 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

ThinkPHP框架实现session跨域问题的解决方法

2014/07/01 PHP

php微信公众开发之获取周边酒店信息的方法

2014/12/22 PHP

Windows Live的@live.com域名注册漏洞利用代码

2006/12/27 Javascript

在js中使用"with"语句中跨frame的变量引用问题

2007/03/08 Javascript

JavaScript中的其他对象

2008/01/16 Javascript

jQuery源码分析-02正则表达式 RegExp 常用正则表达式

2011/11/14 Javascript

基于jquery实现的图片在各种分辨率下未知的容器内上下左右居中

2014/05/11 Javascript

JS实现支持多选的遍历下拉列表代码

2015/08/20 Javascript

关于js函数解释(包括内嵌,对象等)

2016/11/20 Javascript

Vue2实现组件props双向绑定

2016/12/02 Javascript

Nodejs+Socket.io实现通讯实例代码

2017/02/13 NodeJs

ES6中module模块化开发实例浅析

2017/04/06 Javascript

深入理解 JavaScript 中的 JSON

2017/04/06 Javascript

vue修改对象的属性值后页面不重新渲染的实例

2018/08/09 Javascript

JavaScript实现的开关灯泡点击切换特效示例

2019/07/08 Javascript

浅谈layui 数据表格前后台传值的问题

2019/09/12 Javascript

vue实现一个6个输入框的验证码输入组件功能的实例代码

2020/06/29 Javascript

wxpython 最小化到托盘与欢迎图片的实现方法

2014/06/09 Python

Python使用正则匹配实现抓图代码分享

2015/04/02 Python

使用C语言来扩展Python程序和Zope服务器的教程

2015/04/14 Python

pandas全表查询定位某个值所在行列的方法

2018/04/12 Python

pandas 数据归一化以及行删除例程的方法

2018/11/10 Python

python默认参数调用方法解析

2020/02/09 Python

Python 分布式缓存之Reids数据类型操作详解

2020/06/24 Python

美国知名男士服饰品牌：Brooks Brothers（布克兄弟）

2016/08/25 全球购物

新娘父亲婚礼致辞

2014/01/16 职场文书

经典团队口号大全

2014/06/21 职场文书

2014国庆节演讲稿：祖国在我心中（400字）

2014/09/25 职场文书

社会实践单位意见

2015/06/05 职场文书

培训班开班主持词

2015/07/02 职场文书

写给同事的离职感言

2015/08/04 职场文书

2017年寒假少先队活动总结

2016/04/06 职场文书

2019个人年度目标制定攻略！

2019/07/12 职场文书

用基于python的appium爬取b站直播消费记录

2021/04/17 Python

Python列表的索引与切片

2022/04/07 Python

Django中celery的使用项目实例

2022/07/07 Python