主页 / 网络编程 /

element-ui 上传图片后清空图片显示的实例

网络编程 2021-07-04 16:46www.168986.cn编程入门
今天长沙网络推广就为大家分享一篇element-ui 上传图片后清空图片显示的实例，具有很好的参考价值，希望对大家有所帮助。一起跟随长沙网络推广过来看看吧

使用element-ui，使用el-upload上传图片，上传图片后打开还是会有原来的图片，想要清空原来上传的图片，只需要在组件上绑定ref，在提交成功后的方法里调用this.$refs.upload.clearFiles();就可以清除原来上传的文件。

具体如下

<el-upload
 ref='upload'
 class="upload-demo"
 action="https://jsonplaceholder.typicode./posts/"
 :on-change="handleChange"
 :file-list="fileList3">
 <el-button size="small" type="primary">点击上传</el-button>
</el-upload>
this.$refs.upload.clearFiles();

以上这篇element-ui 上传图片后清空图片显示的实例就是长沙网络推广分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持狼蚁SEO。

上一篇：Vue中android4.4不兼容问题的解决方法 下一篇：vue项目在安卓低版本机显示空白的原因分析(两种

编程语言

Copyright © 2016-2025 www.168986.cn 狼蚁网络 版权所有 Power by