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

基于jsTree的无限级树JSON数据的转换代码

Jul 27 Javascript

javascript学习(一)构建自己的JS库

Jan 02 Javascript

JS画5角星方法介绍

Sep 17 Javascript

jQuery中element选择器用法实例

Dec 29 Javascript

jQuery表单验证功能实例

Aug 28 Javascript

iframe中使用jquery进行查找的方法【案例分析】

Jun 17 Javascript

Bootstrap对话框使用实例讲解

Sep 24 Javascript

jQuery双向列表选择器DIV模拟版

Nov 01 Javascript

JS闭包原理与应用经典示例

Dec 20 Javascript

Vue+ElementUI table实现表格分页

Dec 14 Javascript

vue 实现一个简单的全局调用弹窗案例

Sep 10 Javascript

JavaScript如何优化逻辑判断代码详解

Jun 08 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 日期和时间的处理-郑阿奇(续)

2011/07/04 PHP

用PHP实现的四则运算表达式计算实现代码

2011/08/02 PHP

PHP socket 模拟POST 请求实例代码

2016/07/18 PHP

PHP正则匹配操作简单示例【preg_match_all应用】

2017/07/10 PHP

PHP mongodb操作类定义与用法示例【适合mongodb2.x和mongodb3.x】

2018/06/16 PHP

理解JavaScript变量作用域更轻松

2009/10/25 Javascript

JQuery.uploadify 上传文件插件的使用详解 for ASP.NET

2010/01/22 Javascript

javascript标签在页面中的位置探讨

2013/04/11 Javascript

JavaScript控制各种浏览器全屏模式的方法、属性和事件介绍

2014/04/03 Javascript

JavaScript实现的in_array函数

2014/08/27 Javascript

浅析JavaScript访问对象属性和方法及区别

2015/11/16 Javascript

AngularJS基于ngInfiniteScroll实现下拉滚动加载的方法

2016/12/14 Javascript

swiper自定义分页器使用方法详解

2020/09/14 Javascript

vue一个页面实现音乐播放器的示例

2018/02/06 Javascript

Angular利用内容投射向组件输入ngForOf模板的方法

2018/03/05 Javascript

vue中的watch监听数据变化及watch中各属性的详解

2018/09/11 Javascript

jQuery实现简单QQ聊天框

2020/08/27 jQuery

在Python中用keys()方法返回字典键的教程

2015/05/21 Python

python下os模块强大的重命名方法renames详解

2017/03/07 Python

python五子棋游戏的设计与实现

2019/06/18 Python

详解如何从TensorFlow的mnist数据集导出手写体数字图片

2019/08/05 Python

Python实现微信机器人的方法

2019/09/06 Python

python修改文件内容的3种方法详解

2019/11/15 Python

python 6行代码制作月历生成器

2020/09/18 Python

python实现PolynomialFeatures多项式的方法

2021/01/06 Python

Lookfantastic挪威官网：英国知名美妆购物网站

2017/07/26 全球购物

欧洲最古老的鞋厂：Peter Kaiser

2019/11/05 全球购物

库房主管岗位职责

2013/12/31 职场文书

家长评语大全

2014/01/22 职场文书

《金色的脚印》教后反思

2014/04/23 职场文书

教师反腐倡廉演讲稿

2014/09/03 职场文书

合伙经营协议书范本

2014/09/13 职场文书

房屋买卖协议书范本

2014/09/27 职场文书

汽车转让协议书

2015/01/29 职场文书

幼儿园教研工作总结2015

2015/05/12 职场文书

Python中的socket网络模块介绍

2022/07/23 Python