社区
CSS
帖子详情
el-upload如何手动触发删除事件
前端开发小能手
2020-08-26 10:33:37
如题,el-upload做了一个图片缩略图,官网上的实例(list-type="picture-card")。想要做一个手动删除缩略图的功能,但是突然发现不知道怎么触发删除事件。
注:不是el-upload自带的删除事件,是我另外写了一个button,用这个button来触发
beforeupload和on-remove是触发删除事件后才执行的,我要的是触发事件
...全文
21167
8
打赏
收藏
el-upload如何手动触发删除事件
如题,el-upload做了一个图片缩略图,官网上的实例(list-type="picture-card")。想要做一个手动删除缩略图的功能,但是突然发现不知道怎么触发删除事件。 注:不是el-upload自带的删除事件,是我另外写了一个button,用这个button来触发 beforeupload和on-remove是触发删除事件后才执行的,我要的是触发事件
复制链接
扫一扫
分享
转发到动态
举报
AI
作业
写回复
配置赞助广告
用AI写文章
8 条
回复
切换为时间正序
请发表友善的回复…
发表回复
打赏红包
前端开发小能手
2020-09-02
打赏
举报
回复
谢谢,已经找到解决方法,用fileList处理的fileList.splice(index,1);
lad_An
2021-10-13
举报
回复
@前端开发小能手
具体些吗
qq_51614889
2023-08-17
举报
回复
@前端开发小能手
清空了,但是列表还显示,你怎么解决的
亦夜
2020-08-30
打赏
举报
回复
upload不是有个手动上传文件吗,this.$refs.upload 你可以看一下获取到的组件内部是否提供了删除方法,如果没有,你可以自己对源码进行修改添加删除方法触发内部的删除事件,而且他还提供了clearFiles方法,这个跟submit一样都是可以手动触发的
那一眼
2021-07-02
举报
回复
@亦夜
clearFiles我用了,这个方法清空不了
一介青烟小生
2020-08-29
打赏
举报
回复
实在不行,你就把那个文件列表给清空了,this.filelist = []
面向百度编程cv
2020-08-29
打赏
举报
回复
我也做个类似的,估计做不到哦,你想单独触发,还不是要组件的原生事件
前端开发小能手
2020-08-27
打赏
举报
回复
自己顶一下
解决vue2.0
el
ement-ui中
el
-
upload
的before-
upload
方法返回false时submit()不生效问题
我要实现的功能是在上传文件之前校验是否表格中存在重复的数据,有的话,需要弹窗提示是否覆盖,确认之后继续上传,取消之后,就不再上传。 项目中用的
el
ement-ui是V1.4.3 <
el
-
upload
class="
upload
-demo" drag ref="file
Upload
" :action="urls.file
Upload
" :on-success="handle
Upload
Success" :on-error="handle
Upload
Error" :on-progress="progress
Upload
" :before-
upload
=
vue+
el
ement获取
el
-table某行的下标,根据下标操作数组对象方式
主要介绍了vue+
el
ement获取
el
-table某行的下标,根据下标操作数组对象方式,具有很好的参考价值,希望对大家有所帮助。一起跟随想过来看看吧
Vue+
el
ementUI实现多图片上传与回显功能(含回显后继续上传或
删除
)
最近有使用vue+
el
ementUI实现多图片上传的需求,遂做此纪录。 本次主要写一下前端的实现细节,至于后台以Multipart[ ]数组接收即可,不再赘述,网上一搜大把文章可供参考。 本次使用
el
ementui的上传图片控件的照片墙类型,其使用示例可具体查看官方文档
El
ementui 多图上传控件 需要注意的是,官方文档中的示例采用自动上传的方式,大多数情况我们是需要点击上传按钮或和表单一起提交才开始上传的(即
手动
上传),此时官方的示例就不满足我们的需求了。怎么办?当然是自己动手丰衣足食啦!!! 进入正题实现后以及上传保存成功后的效果如图 实现代码 这里有几个属性需要注意一下(敲黑
在
El
ement UI中上传图片.docx
el
ementui上传图片
使用
el
ementUI实现将图片上传到本地的示例
今天小编就为大家分享一篇使用
el
ementUI实现将图片上传到本地的示例,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
CSS
61,129
社区成员
60,711
社区内容
发帖
与我相关
我的任务
CSS
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
复制链接
扫一扫
分享
社区描述
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章