编程 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读取URL参数小例子

Aug 30 Javascript

jQuery仿gmail实现fixed布局的方法

May 27 Javascript

jQuery学习笔记之Ajax用法实例详解

Dec 01 Javascript

直接拿来用的页面跳转进度条JS实现

Jan 06 Javascript

JavaScript是如何实现继承的(六种方式)

Mar 31 Javascript

JS比较两个数值的大小实例

Nov 25 Javascript

利用prop-types第三方库对组件的props中的变量进行类型检测

May 02 Javascript

Javascript实现时间倒计时效果

Jul 15 Javascript

AngularJS中重新加载当前路由页面的方法

Mar 09 Javascript

微信小程序BindTap快速连续点击目标页面跳转多次问题处理

Apr 08 Javascript

判断“命令按钮”是否被鼠标单击详解

Jul 31 Javascript

JavaScript高级程序设计之变量与作用域

Nov 17 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文章按日期(月日)SQL归档语句

2012/11/29 PHP

PHP date()函数警告: It is not safe to rely on the system解决方法

2014/08/20 PHP

Symfony2 session用法实例分析

2016/02/04 PHP

PHP实现链表的定义与反转功能示例

2018/06/09 PHP

实例说明js脚本语言和php脚本语言的区别

2019/04/04 PHP

css动画效果之animation的常用样式

2021/03/09 HTML / CSS

JavaScript 入门·JavaScript 具有全范围的运算符

2007/10/01 Javascript

如何确保JavaScript的执行顺序之实战篇

2011/03/03 Javascript

js中判断文本框是否为空的两种方法

2011/07/31 Javascript

Jquery实现鼠标移上弹出提示框、移出消失思路及代码

2013/05/19 Javascript

Extjs4实现两个GridPanel之间数据拖拽功能具体方法

2013/11/21 Javascript

javascript解析json数据的3种方式

2014/05/08 Javascript

JavaScript必知必会(六) delete in instanceof

2016/06/08 Javascript

js判断手机号是否正确并返回的实现代码

2017/01/17 Javascript

Angular动态绑定样式及改变UI框架样式的方法小结

2018/09/03 Javascript

详解express使用vue-router的history踩坑

2019/06/05 Javascript

vue cli3适配所有端方案的实现

2020/04/13 Javascript

JS深入学习之数组对象排序操作示例

2020/05/01 Javascript

JS中作用域以及变量范围分析

2020/07/18 Javascript

vue打开其他项目页面并传入数据详解

2020/11/25 Vue.js

在Python中处理字符串之isdecimal()方法的使用

2015/05/20 Python

Python 利用scrapy爬虫通过短短50行代码下载整站短视频

2018/10/29 Python

Python二叉树的遍历操作示例【前序遍历,中序遍历,后序遍历,层序遍历】

2018/12/24 Python

python用pip install时安装失败的一系列问题及解决方法

2020/02/24 Python

如何实现在jupyter notebook中播放视频(不停地展示图片)

2020/04/23 Python

Spring http服务远程调用实现过程解析

2020/06/11 Python

Python函数递归调用实现原理实例解析

2020/08/11 Python

英国标志性奢侈品牌：Burberry

2016/07/28 全球购物

天网面试题

2013/04/07 面试题

在求职信中如何凸显个人优势

2013/10/30 职场文书

酒店端午节促销方案

2014/02/18 职场文书

教师群众路线教育实践活动个人对照检查材料

2014/11/04 职场文书

五一劳动节活动总结

2015/02/09 职场文书

道德与公民自我评价

2015/03/09 职场文书

原告离婚代理词

2015/05/23 职场文书

一年级下册数学教学反思

2016/02/16 职场文书