Vue3 Ant Design 上传组件 customRequest 状态识别 - 上传进度控制

"在Vue3中使用Ant Design的上传组件，并且想要自定义上传请求（customRequest）时，你可以通过设置状态来进行识别。\n\n首先，你可以在customRequest回调函数中设置一个状态变量，例如isUploading。在上传开始时，将isUploading设置为true，表示正在上传。上传完成后，将isUploading设置为false，表示上传完成。\n\n以下是一个示例代码：\n\nvue\n<template>\n <a-upload\n :customRequest="handleUpload"\n :disabled="isUploading"\n >\n <a-button :loading="isUploading">点击上传</a-button>\n </a-upload>\n</template>\n\n<script>\nexport default {\n data() {\n return {\n isUploading: false,\n };\n },\n methods: {\n handleUpload({ file }) {\n this.isUploading = true; // 开始上传，设置为true\n \n // 执行上传请求\n // 例如使用axios进行上传\n // axios.post('/upload', file)\n // .then(() => {\n // this.isUploading = false; // 上传完成，设置为false\n // // 其他处理\n // });\n\n // 模拟上传完成\n setTimeout(() => {\n this.isUploading = false; // 上传完成，设置为false\n // 其他处理\n }, 2000);\n },\n },\n};\n</script>\n\n\n在上面的示例中，通过设置isUploading状态变量，可以在上传开始和上传完成时进行状态的设置。在上传开始时，设置isUploading为true，按钮会显示加载状态；上传完成后，设置isUploading为false，按钮的加载状态会取消。