el-upload删除按钮,想获取点击图片索引,并删除文件

el-upload删除按钮,想获取点击图片索引,并删除文件

废话不多说,上代码

这是我的upload组件

在这里插入图片描述

这是我的删除按钮

在这里插入图片描述

都是官方示例,我稍加了一点属性而已,这里不多解释,我主要讲解删除逻辑在这里插入图片描述
我们通过ref获取到对象后,这个对象就是我们el-upload标签,里面有一个UploadFiles对象,就包含我们已经上传的文件对象,通过它找出我们点击图片对象的索引,这时候你拿到索引就可以做自己另外逻辑,此外移除点UploadFiles对象中我们所点击的图片对象,完成!

版权声明:本文为weixin_44012722原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。