编程 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中的同名标识符优先级

Dec 06 Javascript

JQuery中extend使用介绍

Mar 13 Javascript

javascript替换已有元素replaceChild()使用介绍

Apr 03 Javascript

javascript等号运算符使用详解

Apr 16 Javascript

如何用javascript计算文本框还能输入多少个字符

Jul 29 Javascript

JS实现漂亮的时间选择框效果

Aug 20 Javascript

jquery日历插件e-calendar升级版

Nov 10 Javascript

AngularJS过滤器filter用法总结

Dec 13 Javascript

javascript闭包的使用之按钮切换功能

Aug 30 Javascript

详解Vue中组件的缓存

Apr 20 Javascript

手把手教你使用TypeScript开发Node.js应用

May 06 Javascript

javascript设计模式 ? 装饰模式原理与应用实例分析

Apr 14 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 调用远程url的六种方法小结

2009/11/02 PHP

php批量删除操作代码分享

2017/02/26 PHP

PHP使用xpath解析XML的方法详解

2017/05/20 PHP

OfflineSave离线保存代码再次发布使用说明

2007/05/23 Javascript

jQuery遍历Form示例代码

2013/09/03 Javascript

jQuery中关于ScrollableGridPlugin.js（固定表头）插件的使用逐步解析

2014/07/17 Javascript

全面理解JavaScript中的继承(必看)

2016/06/16 Javascript

基于WebUploader的文件上传js插件

2016/08/19 Javascript

Bootstrap超大屏幕的实现代码

2017/03/22 Javascript

Angularjs修改密码的实例代码

2017/05/26 Javascript

Vue 组件参数校验与非props特性的方法

2019/02/12 Javascript

JS实现选项卡效果的代码实例

2019/05/20 Javascript

vue fetch中的.then()的正确使用方法

2020/04/17 Javascript

JavaScript动画实例之粒子文本的实现方法详解

2020/07/28 Javascript

vue的$http的get请求要加上params操作

2020/11/12 Javascript

linux环境下的python安装过程图解(含setuptools)

2017/11/22 Python

对python:threading.Thread类的使用方法详解

2019/01/31 Python

linux下python中文乱码解决方案详解

2019/08/28 Python

python图片指定区域替换img.paste函数的使用

2020/04/09 Python

python except异常处理之后不退出,解决异常继续执行的实现

2020/04/25 Python

python如何输出反斜杠

2020/06/18 Python

Python3+Appium安装及Appium模拟微信登录方法详解

2021/02/16 Python

加拿大领先的冒险和户外零售商：Atmosphere

2017/12/19 全球购物

Oracle的内存结构(Memory structures)

2015/06/10 面试题

销售找工作求职信

2013/12/20 职场文书

竞争上岗演讲稿

2014/01/05 职场文书

2014年六一儿童节演讲稿

2014/05/23 职场文书

公司委托书怎么写

2014/08/02 职场文书

读群众路线的心得体会

2014/09/03 职场文书

2014年九一八事变演讲稿

2014/09/14 职场文书

学生夜不归宿检讨书

2014/09/23 职场文书

商铺租房协议书范本

2014/12/04 职场文书

求职自荐信范文（优秀篇）

2015/03/27 职场文书

运输公司工作总结

2015/08/11 职场文书

职业规划从高考志愿专业选择开始

2019/08/08 职场文书

python绘图subplots函数使用模板的示例代码

2021/04/30 Python