当前位置: 首页 > news >正文

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);}}},
http://www.jsqmd.com/news/1079173/

相关文章:

  • 别再骗自己了:市场部从来不是创意岗,只是被琐事困住了
  • Awesome N8N:社区最热门的 100 个节点全收录
  • 训练计划优化:个性化训练方案的生成算法
  • 做高端音响别踩这些误区!HiPlay 认证常见认知盲区全解析
  • 明日方舟素材资源库:一站式获取官方游戏资源的终极指南
  • 把自己 / 球星变成“苹果风 emoji 小人“!世界杯版头像,一句话生成(附中文提示词)
  • [论文分享]H2HMem:当AI开始“偷听人类对话”,我们才发现它的记忆远没有想象中可靠——一个面向多模态人类交互的记忆评测基准
  • 100 05黄大年茶思屋榜文第100期 第5题 无微调适配多领域的NL2SQL技术
  • Claude Code/AI 工具接入自定义 API Key、Base URL 与模型名的完整配置排错指南
  • 同样有测试需求的小伙伴可以直接参考这个配置,简单高效,但注意密码的地方
  • 企业如何判断许可证短缺是阶段性问题,还是长期资源缺口
  • 程序员“门派”风云:纯手敲、AI 辅助还是平衡之道?
  • Spring Boot 自定义 Starter 模板
  • 终极指南:Visual C++运行库合集(vcredist AIO)完整安装与配置手册
  • Brave浏览器安全Headers配置实战:防御XSS与CSRF攻击
  • 小厂前端面经
  • 253.示波器x1与x10档如何选择,如何测电源纹波
  • 058、Zephyr RTOS内核基础:中断管理基础
  • 张量可视化实战:用厨房类比理解多维张量结构
  • ApiGo:AI 驱动的企业级低代码 API 平台,5.0.1 版本更新助力数字化转型!
  • 2026 企业 AI 生产环境 API 聚合平台选型全解析
  • 印尼开发者必备:一个收录 200 多个本地 API 的开源清单
  • Wireshark核心解析引擎深度解析:epan_dissect_t结构体架构揭秘
  • MuMu模拟器6.0即将上线多ROM版本随心切换
  • 2026年双机热备软件选型指南:从国际品牌到国产替代,一份排名帮你决策。
  • 企业级数据对账与令牌管理方案:从JWT到自定义WToken的实战解析
  • 滑动窗口解法:最短子数组长度代码解释与优化
  • 电机性能测试系统:集性能评估与耐久验证于一体
  • Kioxia签署第20届亚运会和第5届亚残运会合作协议
  • 专知智库 × 余行专利 × 自指专利池让“自指”为新院校插上科研与产业化的翅膀