news 2026/6/26 4:22:56

element upload组件 多文件上传闪一下及开启多选后onSuccess回调一次的问题

作者头像

张小明

前端开发工程师

1.2k 24
文章封面图
element upload组件 多文件上传闪一下及开启多选后onSuccess回调一次的问题

多图片卡片类型展示,上传闪一下问题

是因为组件会渲染ready状态的文件,最简单的就是隐藏

// An highlighted block//最简单粗暴解决方案:/deep/.el-upload-list__item.is-ready{display:none;}

开启多选文件后,成功回调一次的问题

多选上传时 只要赋值onSuccess就只会触发一次 解决方案等本次所有的都成功后再赋值

onSuccess(response,file,fileList){if(response.code!=200){this.onRemove(file);returnthis.$message.error(response.message);}constnewUrl=response.url;if(this.isStringMode){// 单文件模式:直接返回 URL 字符串this.$emit("input",newUrl);}else{// 多选上传时 只要赋值onSuccess就只会触发一次 解决方案为所有的都成功后再赋值if(fileList.every(item=>item.status=='success')){// 找到新上传成功的数据 合并letnewUrls=fileList.filter(item=>item.response).map(item=>item.response.url);consturls=[...(this.value||[]),...newUrls];this.$emit("input",urls);}}},
版权声明: 本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若内容造成侵权/违法违规/事实不符,请联系邮箱:809451989@qq.com进行投诉反馈,一经查实,立即删除!
网站建设 2026/6/26 4:21:00

滑动窗口解法:最短子数组长度代码解释与优化

目录 一、代码逐行解释(滑动窗口解法:最短子数组长度) 原代码完整拆解 原代码存在的 BUG & 缺陷 二、标准优化版滑动窗口(双指针) 优化思路 三、优化点对比说明 四、逻辑流程演示(举例&#xff…

作者头像 李华
网站建设 2026/6/26 4:15:14

32-Git 差异行号计算机制:平台如何知道“哪些行真的变了”

适合对象:关注增量分析、差异行提取、提交比较、代码变更精度的后端工程师和测试平台工程师。 先说结论 Git 差异行号计算机制不是一个孤立功能,而是精准测试平台里帮助团队做判断的一环。 它重点解决的是:平台如何知道“哪些行真的变了”。 用大白话讲,版本能力的重点不…

作者头像 李华
网站建设 2026/6/26 4:15:16

承影Ventus:基于事件驱动的模块化开发者效率平台设计与实践

1. 项目概述:从“承影”到“Ventus”的命名玄机与项目定位最近在和一些做独立开发的朋友聊天时,发现一个挺有意思的现象:大家给项目起名字,越来越讲究了。以前可能就是“XX管理系统”、“XX工具箱”,现在则更倾向于一个…

作者头像 李华
网站建设 2026/6/26 4:08:34

第六届先进制造技术与电子信息国际学术会议(AMTEI 2026)

第六届先进制造技术与电子信息国际学术会议(AMTEI 2026) 2026 6th International Conference on Advanced Manufacturing Technology and Electronic Information 主办单位:天津理工大学 截稿日期:2026年7月1日 审核录用&#xff…

作者头像 李华
网站建设 2026/6/26 4:03:55

NIKON 4S065-975-2输入输出模块

NIKON 4S065-975-2 输入输出模块是一款用于半导体光刻设备的信号交互组件,以下是其主要产品特点。中间完整产品型号为 NIKON 4S065-975-2。属于输入输出模块类别。由尼康(NIKON)公司生产制造。主要应用于半导体光刻设备。用于实现设备与控制系…

作者头像 李华
网站建设 2026/6/26 4:01:26

Selenium自动化测试:从元素定位到健壮交互的完整指南

1. 项目概述:从“点鼠标”到“写脚本”的思维跃迁如果你是一名测试工程师,或者是一名对提升工作效率感兴趣的开发者,那么“Selenium自动化测试”这个词对你来说一定不陌生。但很多时候,我们只是停留在“听说过”或者“跑过几个Dem…

作者头像 李华