编程 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精华代码集

Jan 24 Javascript

document.documentElement && document.documentElement.scrollTop

Dec 01 Javascript

借助JavaScript脚本判断浏览器Flash Player信息的方法

Jul 09 Javascript

JS实现仿新浪黄色经典滑动门效果代码

Sep 27 Javascript

JavaScript保留关键字汇总

Dec 01 Javascript

分享自己用JS做的扫雷小游戏

Feb 17 Javascript

JavaScript中Math对象的方法介绍

Jan 05 Javascript

ECMAscript 变量作用域总结概括

Aug 18 Javascript

微信小程序时间选择插件使用详解

Dec 28 Javascript

vue无限轮播插件代码实例

May 10 Javascript

jquery实现鼠标悬浮弹出气泡提示框

Dec 23 jQuery

vue-resource 拦截器interceptors使用详解

Jan 18 Vue.js

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/08/26 PHP

PHP imagecreatefrombmp 从BMP文件或URL新建一图像

2012/07/16 PHP

用php制作简单分页(从数据库读取记录)的方法详解

2013/05/04 PHP

php的SimpleXML方法读写XML接口文件实例解析

2014/06/16 PHP

javascript数组组合成字符串的脚本

2021/01/06 Javascript

javascript 面向对象编程 function是方法(函数)

2009/09/17 Javascript

javscript对象原型的一些看法

2010/09/19 Javascript

面向对象的Javascript之一(初识Javascript)

2012/01/20 Javascript

JS 实现BASE64_ENCODE和BASE64_DECODE(实例代码)

2013/11/13 Javascript

js中同步与异步处理的方法和区别总结

2013/12/25 Javascript

js Calender控件使用详解

2015/01/05 Javascript

简单谈谈javascript代码复用模式

2015/01/28 Javascript

JavaScript图像延迟加载库Echo.js

2016/04/05 Javascript

JS实现的透明度渐变动画效果示例

2018/04/28 Javascript

python和C语言混合编程实例

2014/06/04 Python

Python Web框架Flask下网站开发入门实例

2015/02/08 Python

使用Node.js和Socket.IO扩展Django的实时处理功能

2015/04/20 Python

Mac中Python 3环境下安装scrapy的方法教程

2017/10/26 Python

Django model 中设置联合约束和联合索引的方法

2019/08/06 Python

python实现简单图书管理系统

2019/11/22 Python

python循环输出三角形图案的例子

2019/11/22 Python

Python Django view 两种return的实现方式

2020/03/16 Python

Python DES加密实现原理及实例解析

2020/07/17 Python

利用Storage Event实现页面间通信的示例代码

2018/07/26 HTML / CSS

英国潮流网站：END.(全球免邮)

2017/01/16 全球购物

波兰最大的度假胜地和城市公寓租赁运营商：Sun & Snow

2018/10/18 全球购物

应届毕业生求职信范文

2014/05/08 职场文书

旅游节目策划方案

2014/05/26 职场文书

电子商务专业自荐信

2014/06/02 职场文书

关键在于落实心得体会

2014/09/03 职场文书

2015年幼儿园元旦亲子活动方案

2014/12/09 职场文书

2015年城管个人工作总结范文

2015/04/20 职场文书

务工证明怎么写

2015/06/18 职场文书

《追风筝的人》：人心中的成见是座大山，但请不忘初心

2019/11/15 职场文书

浅谈Golang 嵌套 interface 的赋值问题

2021/04/29 Golang

JS实现扫雷项目总结

2021/05/19 Javascript