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 测试成功,这个问题让我前端小白浪费了两个多小时!