社区
CSS
帖子详情
el-upload如何手动触发删除事件
前端开发小能手
2020-08-26 10:33:37
如题,el-upload做了一个图片缩略图,官网上的实例(list-type="picture-card")。想要做一个手动删除缩略图的功能,但是突然发现不知道怎么触发删除事件。
注:不是el-upload自带的删除事件,是我另外写了一个button,用这个button来触发
beforeupload和on-remove是触发删除事件后才执行的,我要的是触发事件
...全文
21193
8
打赏
收藏
el-upload如何手动触发删除事件
如题,el-upload做了一个图片缩略图,官网上的实例(list-type="picture-card")。想要做一个手动删除缩略图的功能,但是突然发现不知道怎么触发删除事件。 注:不是el-upload自带的删除事件,是我另外写了一个button,用这个button来触发 beforeupload和on-remove是触发删除事件后才执行的,我要的是触发事件
复制链接
扫一扫
分享
转发到动态
举报
写回复
配置赞助广告
用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的`
el
-
upload
`组件在`before-
upload
`返回`false`时`submit()`无效的问题,可以利用组件的内部API
手动
触发
上传或移除文件。确保在`before-
upload
`中执行自定义验证,并根据用户交互调用...
el
-
upload
进度条问题[可运行源码]
作者开始尝试通过监听文件上传过程中的进度
事件
来
触发
进度条的更新,但这种方法并未奏效。 在一番探索后,作者找到了一种解决方案,那就是通过插槽(slot)来自定义文件列表,这样可以在列表中显示上传进度,并且还...
vue+
el
ement获取
el
-table某行的下标,根据下标操作数组对象方式
在使用
el
-
upload
组件时,如果需要在打开选择文件的弹框之前先进行特定的操作或校验,可以通过在按钮
触发
事件
中进行一系列的逻辑处理,然后在条件满足后
手动
触发
文件上传组件的内部方法来打开选择文件的弹框。...
Vue+
el
ementUI实现多图片上传与回显功能(含回显后继续上传或
删除
)
4. **
手动
触发
上传**: - 在 `on-change`
事件
中,我们需要获取 `file` 对象的 `raw` 属性,这包含了实际的文件信息。 - 遍历上传列表,获取所有 `raw` 对象,组成新的列表,然后传递给后台进行保存。 5. **图片...
在
El
ement UI中上传图片.docx
- `auto-
upload
`属性:设置是否自动上传,设为`false`时,需要
手动
触发
上传。 - `list-type`属性:定义上传列表的展示样式,如`'picture-card'`表示卡片式展示。 - `file-list`属性:用于保存已上传文件的信息,...
CSS
61,125
社区成员
60,706
社区内容
发帖
与我相关
我的任务
CSS
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
复制链接
扫一扫
分享
社区描述
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章