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

JS小功能(列表页面隔行变色)简单实现

Nov 28 Javascript

jquery使用jquery.zclip插件复制对象的实例教程

Dec 04 Javascript

获取select元素被选中的文本内容的js代码

Jan 29 Javascript

javascript中判断json的方法总结

Aug 27 Javascript

纯JavaScript代码实现文本比较工具

Feb 17 Javascript

Angular.js 实现数字转换汉字实例代码

Jul 14 Javascript

js+css3制作时钟特效

Oct 16 Javascript

利用Angular2 + Ionic3开发IOS应用实例教程

Jan 15 Javascript

AngularJS 应用模块化的使用

Apr 04 Javascript

layUI实现三级导航菜单效果

Jul 26 Javascript

layer ui 导入文件之前传入数据的实例

Sep 23 Javascript

手写Vue2.0 数据劫持的示例

Mar 04 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

在Windows系统上安装PHP运行环境文字教程

2010/07/19 PHP

php下正则来匹配dede模板标签的代码

2010/08/21 PHP

浅谈php自定义错误日志

2015/02/13 PHP

PHP文件系统管理(实例讲解)

2017/09/19 PHP

Laravel解决nesting level错误和隐藏index.php的问题

2019/10/12 PHP

PHP连接MySQL数据库的三种方式实例分析【mysql、mysqli、pdo】

2019/11/04 PHP

JavaScript 字符串与数组转换函数[不用split与join]

2009/12/13 Javascript

通过javascript设置css属性的代码

2009/12/28 Javascript

js中的值类型和引用类型小结文字说明与实例

2010/12/12 Javascript

深入理解JavaScript系列(13) This? Yes,this!

2012/01/18 Javascript

js操作label给label赋值及取label的值示例

2013/11/07 Javascript

jquery通过a标签删除table中的一行的代码

2013/12/02 Javascript

一个JavaScript的求爱小特效

2014/05/09 Javascript

Javascript中arguments对象详解

2014/10/22 Javascript

微信小程序开发MAP（地图）实例详解

2017/06/27 Javascript

vue.js全局API之nextTick全面解析

2017/07/07 Javascript

支付宝小程序tabbar底部导航

2018/11/06 Javascript

JS简单判断是否在微信浏览器打开的方法示例

2019/01/08 Javascript

从0到1构建vueSSR项目之路由的构建

2019/03/07 Javascript

JS图片预加载三种实现方法解析

2020/05/08 Javascript

JavaScript 声明私有变量的两种方式

2021/02/05 Javascript

vue 使用饿了么UI仿写teambition的筛选功能

2021/03/01 Vue.js

Python序列之list和tuple常用方法以及注意事项

2015/01/09 Python

python,Django实现的淘宝客登录功能示例

2019/06/12 Python

浅谈Python中os模块及shutil模块的常规操作

2020/04/03 Python

优质美利奴羊毛袜，不只是徒步旅行：Darn Tough Vermont

2018/11/05 全球购物

女士和男士时尚鞋在线购物：Shoespie

2019/02/28 全球购物

可以在一个PHP文件里面include另外一个PHP文件两次吗

2015/05/22 面试题

简历中个人求职的自我评价模板

2013/11/29 职场文书

安全生产活动月方案

2014/03/09 职场文书

成品库仓管员岗位职责

2014/04/06 职场文书

经济信息系毕业生自荐信

2014/06/02 职场文书

领导班子对照检查材料

2014/09/22 职场文书

汇报材料怎么写

2014/12/30 职场文书

建议书格式

2015/02/04 职场文书

Linux下搭建SFTP服务器的命令详解

2022/06/25 Servers