编程 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 call方法使用说明

Jan 11 Javascript

js null,undefined,字符串小结

Aug 21 Javascript

JavaScript高级程序设计（第3版）学习笔记7 js函数（上）

Oct 11 Javascript

JavaScript事件处理器中的event参数使用介绍

May 24 Javascript

基于jQuery倾斜打开侧边栏菜单特效代码

Sep 15 Javascript

js replace(a,b)之替换字符串中所有指定字符的方法

Aug 17 Javascript

JS实现页面跳转参数不丢失的方法

Nov 28 Javascript

使用jquery判断一个元素是否含有一个指定的类(class)实例

Feb 12 Javascript

基于AGS JS开发自定义贴图图层

Mar 31 Javascript

解决betterScroll在vue中存在图片时,出现拉不动的问题

Sep 27 Javascript

Nuxt.js之自动路由原理的实现方法

Nov 21 Javascript

用Vue.js在浏览器中实现裁剪图像功能

Jun 18 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可逆加密函数(分享)

2013/06/06 PHP

php之CodeIgniter学习笔记

2013/06/17 PHP

微信公众号开发之文本消息自动回复php代码

2016/08/08 PHP

轻量级 JS ToolTip提示效果

2010/07/20 Javascript

推荐一个封装好的getElementsByClassName方法

2014/12/02 Javascript

jquery使用经验小结

2015/05/20 Javascript

纯JavaScript代码实现移动设备绘图解锁

2015/10/16 Javascript

jQuery position() 函数详解以及jQuery中position函数的应用

2015/12/14 Javascript

Linux下为Node.js程序配置MySQL或Oracle数据库的方法

2016/03/19 Javascript

微信小程序教程之wxapp视图容器 scroll-view

2016/10/19 Javascript

JS设置时间无效问题的解决办法

2017/02/18 Javascript

AngularJS的脏检查深入分析

2017/04/22 Javascript

js中this对象用法分析

2018/01/05 Javascript

浅析node应用的timing-attack安全漏洞

2018/02/28 Javascript

使用nvm和nrm优化node.js工作流的方法

2019/01/17 Javascript

JS实现简单tab选项卡切换

2019/10/25 Javascript

使用Webpack 搭建 Vue3 开发环境过程详解

2020/07/28 Javascript

Python实现可自定义大小的截屏功能

2018/01/20 Python

python指定写入文件时的编码格式方法

2018/06/07 Python

对pandas的算术运算和数据对齐实例详解

2018/12/22 Python

Python二叉搜索树与双向链表转换算法示例

2019/03/02 Python

python错误调试及单元文档测试过程解析

2019/12/19 Python

python中pickle模块浅析

2020/12/29 Python

使用CSS3创建动态菜单效果

2015/07/10 HTML / CSS

美特斯邦威官方商城：邦购网

2016/10/13 全球购物

YOINS官网：时尚女装网上购物

2017/03/17 全球购物

为有想象力的人提供的生活方式商店：Firebox

2018/06/04 全球购物

演讲稿怎么写才完美

2014/01/02 职场文书

医药销售求职信范文

2014/02/01 职场文书

四议两公开实施方案

2014/03/28 职场文书

银行纠风工作实施方案

2014/06/08 职场文书

供电工程专业求职信

2014/08/09 职场文书

财务管理专业自荐书

2014/09/02 职场文书

小学生纪念九一八事变演讲稿

2014/09/14 职场文书

使用CSS实现一个搜索引擎的原理解析

2021/09/25 HTML / CSS

td 内容自动换行 table表格td设置宽度后文字太多自动换行

2022/12/24 HTML / CSS