编程 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应该如何来设置改变按钮input的onclick事件

Dec 10 Javascript

JavaScript:Div层拖动效果实例代码

Aug 06 Javascript

超级好用的jQuery圆角插件 Corner速成

Aug 31 Javascript

原生js结合html5制作小飞龙的简易跳球

Mar 30 Javascript

javaScript中的原型解析【推荐】

May 05 Javascript

JQuery PHP图片在线裁剪实例

Jul 27 Javascript

bootstrap多层模态框滚动条消失的问题

Jul 21 Javascript

Vue+Vux项目实践完整代码

Nov 30 Javascript

iview实现select tree树形下拉框的示例代码

Dec 21 Javascript

layui 对table中的数据进行转义的实例

Sep 12 Javascript

vue.js实现简单的计算器功能

Feb 22 Javascript

VueQuillEditor富文本上传图片(非base64)

Jun 03 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

php xfocus防注入资料

2008/04/27 PHP

php若干单维数组遍历方法的比较

2011/09/20 PHP

PHP set_error_handler()函数使用详解（示例）

2013/11/12 PHP

POST一个JSON格式的数据给Restful服务实例详解

2017/04/07 PHP

javascript document.images实例

2008/05/27 Javascript

setTimeout函数兼容各主流浏览器运行执行效果实例

2013/06/13 Javascript

动态获取复选框checkbox选中个数的jquery代码

2013/06/25 Javascript

JS+JSP checkBox 全选具体实现

2014/01/02 Javascript

js利用prototype调用Array的slice方法示例

2014/06/09 Javascript

BAT及各大互联网公司2014前端笔试面试题--JavaScript篇

2014/10/29 Javascript

jquery实现下拉框功能效果【实例代码】

2016/05/06 Javascript

Vue.js实现简单ToDoList 前期准备（一）

2016/12/01 Javascript

extjs简介_动力节点Java学院整理

2017/07/17 Javascript

AngularJS实现的select二级联动下拉菜单功能示例

2017/10/25 Javascript

vue.js template模板的使用(仿饿了么布局)

2018/08/13 Javascript

详解如何在Node.js的httpServer中接收前端发送的arraybuffer数据

2018/11/11 Javascript

Vue代码整洁之去重方法整理

2019/08/06 Javascript

ES6如何用一句代码实现函数的柯里化

2020/01/18 Javascript

[43:57]Liquid vs Mineski 2019国际邀请赛小组赛 BO2 第二场 8.16

2019/08/19 DOTA

Python中的数据对象持久化存储模块pickle的使用示例

2016/03/03 Python

Python连接MySQL并使用fetchall()方法过滤特殊字符

2016/03/13 Python

详解python中 os._exit() 和 sys.exit(), exit(0)和exit(1) 的用法和区别

2017/06/23 Python

Python调用微信公众平台接口操作示例

2017/07/08 Python

Python实现的FTP通信客户端与服务器端功能示例

2018/03/28 Python

Python wxPython库使用wx.ListBox创建列表框示例

2018/09/03 Python

windows下cx_Freeze生成Python可执行程序的详细步骤

2018/10/09 Python

Django实现分页显示效果

2019/10/31 Python

利用python实现冒泡排序算法实例代码

2019/12/01 Python

StubHub新加坡：购买和出售全球活动门票

2017/03/10 全球购物

意大利比基尼品牌：MISS BIKINI

2019/11/02 全球购物

测量工程专业求职信

2014/02/24 职场文书

激情洋溢的毕业生就业求职信

2014/03/15 职场文书

运动会广播稿200米（5篇）

2014/10/15 职场文书

大学生创业计划书常用模板

2019/08/07 职场文书

详解TS数字分隔符和更严格的类属性检查

2021/05/06 Javascript

python中sqllite插入numpy数组到数据库的实现方法

2021/06/21 Python