vue的ant的上传组件在customRequest方法中上传出错如何更改图片为错误状态

要在customRequest方法中更改图片为错误状态，可以使用Vue的响应式数据来控制图片的状态。

首先，在data中定义一个变量来表示图片的状态：

data() {
  return {
    imageStatus: '', // 图片状态，可以是''、'uploading'、'error'
  }
}

然后，在customRequest方法中根据上传结果来更改图片状态：

customRequest(options) {
  const { onSuccess, onError } = options;
  
  // 设置图片状态为上传中
  this.imageStatus = 'uploading';
  
  // 调用上传接口
  uploadImage(options.file).then(response => {
    // 上传成功
    onSuccess(response.data);
    // 设置图片状态为成功
    this.imageStatus = '';
  }).catch(error => {
    // 上传失败
    onError(error);
    // 设置图片状态为错误
    this.imageStatus = 'error';
  });
}

最后，在模板中根据图片状态来显示不同的样式：

<template>
  <div>
    <a-upload
      :customRequest="customRequest"
    >
      <a-icon
        v-if="imageStatus === 'uploading'"
        type="loading"
      />
      <a-icon
        v-else-if="imageStatus === 'error'"
        type="close-circle"
        style="color: red"
      />
      <a-icon
        v-else
        type="check-circle"
        style="color: green"
      />
    </a-upload>
  </div>
</template>

这样，当上传出错时，图片会显示为红色的错误状态，上传成功时，图片会显示为绿色的成功状态