element-ui如何实现上传图片后清空图片显示-创新互联

这篇文章主要为大家展示了“element-ui如何实现上传图片后清空图片显示”，内容简而易懂，条理清晰，希望能够帮助大家解决疑惑，下面让小编带领大家一起研究并学习一下“element-ui如何实现上传图片后清空图片显示”这篇文章吧。

成都创新互联是一家专业提供漯河企业网站建设,专注与成都做网站、网站制作、成都外贸网站建设、HTML5、小程序制作等业务。10年已为漯河众多企业、政府机构等服务。创新互联专业网络公司优惠进行中。

使用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如何实现上传图片后清空图片显示-创新互联
网站路径：https://www.cdcxhl.com/article0/dojdio.html

成都网站建设公司_创新互联，为您提供品牌网站设计、企业建站、电子商务、网站维护、软件开发、手机网站建设

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源：创新互联

猜你还喜欢下面的内容