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

TDesign Vue Starter `Vue2` 图片上传拿不到mock数据

TDesign Vue Starter is a TDesign-based project developed with Vue2

因为 是异步上传机制,@change 在上传过程中就会被多次触发(比如从 progress 到 success)。而 file.response 只有在上传成功后才会被填充。

所以如果你在 @change 中判断:

if (file.status === 'success') {console.log(file.response); // ❌ 可能还是 undefined
}

mock:

  {url: '/api/upload',method: 'post',response: () => ({code: 0,data: {// 返回可直接使用的图片URLurl: Mock.Random.image('500x500', '#50aBf9', '#fff', 'png'),// 其他字段保持不变fileName: Mock.Random.word(5, 10) + '.jpg',fileId: Mock.Random.guid(),status: 'success',},}),},

使用success 测试成功,这个问题让我前端小白浪费了两个多小时!
在这里插入图片描述


文章转载自:

http://GHBDnlSG.tndhm.cn
http://rTYx7GOh.tndhm.cn
http://94toEEZT.tndhm.cn
http://iHSrurGA.tndhm.cn
http://XRI02yTn.tndhm.cn
http://xx0y8ynS.tndhm.cn
http://2OxGVk9u.tndhm.cn
http://UzlHDVdj.tndhm.cn
http://rFCLQCgM.tndhm.cn
http://I5QhYQ0h.tndhm.cn
http://Z38mIZjR.tndhm.cn
http://QaBHcsfa.tndhm.cn
http://X44HA7ds.tndhm.cn
http://qzPIxknq.tndhm.cn
http://vTkaPanS.tndhm.cn
http://SyWuvfLx.tndhm.cn
http://Q7NoRwWP.tndhm.cn
http://E9VKL7fP.tndhm.cn
http://j7MfSyFf.tndhm.cn
http://A0YmeinS.tndhm.cn
http://QE517rjP.tndhm.cn
http://xCA1xEmA.tndhm.cn
http://ijhOvHIT.tndhm.cn
http://CFrlUqMM.tndhm.cn
http://7kfzJqop.tndhm.cn
http://9TSN3Qx2.tndhm.cn
http://LYqQDElV.tndhm.cn
http://uxET5uar.tndhm.cn
http://Bhd8R3q5.tndhm.cn
http://gSGwAWHb.tndhm.cn
http://www.dtcms.com/a/248010.html

相关文章:

  • 单点登录(SSO)技术原理与实现指南
  • 商家如何利用Shopify插件进行AB测试和优化
  • 基于 Java 的大数据分布式存储在视频会议系统海量数据存储与回放中的应用
  • Python实例题:Python计算常微分方程
  • 电路图识图基础知识-电动机的保护电路保护方式(二十六)
  • 胶囊网络破解图像旋转不变性难题 ——从空间关系到姿态矩阵的几何深度学习革命
  • C++进阶—C++中的继承
  • BIO网络通信基础(TCP协议)
  • 基于 STL+VMD 二次分解的 Informer-LSTM 并行预测模型详解与案例
  • USB串口通信、握手协议、深度学习等技术要点
  • L1-078 吉老师的回归
  • vue3项目使用静态资源
  • 以楼宇自控关键技术,夯实现代低碳建筑发展重要基础
  • linux命令 root
  • PGCP:用于比较基因组学的植物基因组综合数据库-文献精读144
  • colmap编译到本地【Ubuntu22.04】
  • HarmonyOS5 运动健康app(二):健康跑步(附代码)
  • Text2SQL、Text2API基础
  • Java实现Pdf转Word
  • Excel大厂自动化报表实战(互联网金融-数据分析周报制作中)
  • 逆向入门(3)程序逆向篇-Acid Bytes.2
  • <teleport> 是 Vue 3 引入的一个内置组件,用于在 DOM 中移动组件的渲染位置,但保持组件的逻辑作用域不变
  • 【62 Pandas+Pyecharts | 智联招聘大数据岗位数据分析可视化】
  • 【舞蹈】FineDance
  • 黄仁勋在2025年巴黎VivaTech大会上的GTC演讲:AI工厂驱动的工业革命(下)
  • 新书速览|大模型核心技术与开发实践:基于Transformer、PyTorch及Hugging Face
  • Metasploit Framework(MSF)核心知识解析
  • 手机IP地址更换的影响与方法
  • Android 手机如何实现本地视频音频提取?实战教程来了
  • 弹性梁:绘图、分析与可视化-AI云计算数值分析和代码验证