编程 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中focus()函数实现当对象获得焦点后自动把光标移到内容最后

Sep 29 Javascript

javascript中字符串的定义示例代码

Dec 19 Javascript

jQuery实现鼠标悬停显示提示信息窗口的方法

Apr 30 Javascript

JS+CSS实现带小三角指引的滑动门效果

Sep 22 Javascript

Node.js编写爬虫的基本思路及抓取百度图片的实例分享

Mar 12 Javascript

js调用webservice构造SOAP进行身份验证

Apr 27 Javascript

利用JS判断字符串是否含有数字与特殊字符的方法小结

Nov 25 Javascript

jQuery实现遮罩层登录对话框

Dec 29 Javascript

vue脚手架vue-cli的学习使用教程

Jun 06 Javascript

基于vue如何发布一个npm包的方法步骤

May 15 Javascript

基于canvas实现手写签名（vue）

May 21 Javascript

Vue.extend 登录注册模态框的实现

Dec 29 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

laravel5.1框架基础之Blade模板继承简单使用方法分析

2019/09/05 PHP

PHP开发api接口安全验证操作实例详解

2020/03/26 PHP

一段利用WSH获取登录时间的jscript代码

2008/05/11 Javascript

js实现页面转发功能示例代码

2013/08/05 Javascript

javascript代码运行不出来执行错误的可能情况整理

2013/10/18 Javascript

JS的get和set使用示例

2014/02/20 Javascript

jQuery中andSelf()方法用法实例

2015/01/08 Javascript

jQuery实现返回顶部效果的方法

2015/05/29 Javascript

Select2.js下拉框使用小结

2016/10/24 Javascript

利用浮层使select不可选的实现方法

2016/12/03 Javascript

npm国内镜像安装失败的几种解决方案

2017/06/04 Javascript

详解node+express+ejs+bootstrap构建项目

2017/09/27 Javascript

解决vue2.0 element-ui中el-upload的before-upload方法返回false时submit()不生效问题

2018/08/24 Javascript

JSON的parse()方法介绍

2019/01/31 Javascript

详解如何在Vue项目中导出Excel

2019/04/19 Javascript

axios如何利用promise无痛刷新token的实现方法

2019/08/27 Javascript

[00:31]2016完美“圣”典风云人物：国士无双宣传片

2016/12/04 DOTA

[01:13:51]TNC vs Serenity 2018国际邀请赛小组赛BO2 第二场 8.18

2018/08/19 DOTA

kNN算法python实现和简单数字识别的方法

2014/11/18 Python

Python中的字符串类型基本知识学习教程

2016/02/04 Python

Python自动发邮件脚本

2017/03/31 Python

完美解决Python 2.7不能正常使用pip install的问题

2018/06/12 Python

python实现一个简单的ping工具方法

2019/01/31 Python

Python守护进程实现过程详解

2020/02/10 Python

Python必须了解的35个关键词

2020/07/16 Python

基于python实现简单网页服务器代码实例

2020/09/14 Python

Python通过getattr函数获取对象的属性值

2020/10/16 Python

H5页面适配iPhoneX(就是那么简单)

2019/12/02 HTML / CSS

官方授权图形T恤和服装：Fifth Sun

2019/06/12 全球购物

怎样写好自荐信和推荐信

2013/12/26 职场文书

服装创业计划书范文

2014/02/05 职场文书

村主任个人对照检查材料

2014/10/01 职场文书

服务员岗位职责范本

2015/04/09 职场文书

新员工试用期工作总结2015

2015/05/28 职场文书

卡特教练观后感

2015/06/08 职场文书

幼儿教师远程研修感悟

2015/11/18 职场文书