用vue2 写一个 antdesign的Upload组件onChange返回的状态回调判断 判断中包含uploading这个状态

可以在组件中添加一个onChange回调函数，然后在该函数中判断上传状态是否为uploading，如果是，则执行相应逻辑。

示例代码如下：

<template>
  <a-upload
    :action="actionUrl"
    :onChange="handleUploadChange"
  >
    <a-button>点击上传</a-button>
  </a-upload>
</template>

<script>
export default {
  data() {
    return {
      actionUrl: 'https://www.example.com/upload', // 上传接口地址
    }
  },
  methods: {
    handleUploadChange(info) {
      if (info.file.status === 'uploading') {
        // 正在上传
        console.log('文件正在上传...')
        // 执行相应逻辑
      } else if (info.file.status === 'done') {
        // 上传完成
        console.log('文件上传完成')
        // 执行相应逻辑
      } else if (info.file.status === 'error') {
        // 上传失败
        console.log('文件上传失败')
        // 执行相应逻辑
      }
    },
  },
}
</script>

在handleUploadChange方法中，我们首先判断上传状态是否为uploading，如果是，则打印一条上传中的日志，并执行相应的逻辑。如果上传状态是其他的状态，我们也可以添加相应的判断逻辑，来处理不同的上传状态。