el-upload上传时加载动画

可以通过在el-upload组件中添加一个自定义的slot来实现上传时的加载动画。具体步骤如下：

1.在el-upload组件中添加一个名为“loading”的slot，用于显示上传时的加载动画。

2.在data中添加一个名为“uploading”的变量，用于控制加载动画的显示和隐藏。

3.在上传文件前，将“uploading”变量设置为true，显示加载动画；上传完成后，将“uploading”变量设置为false，隐藏加载动画。

下面是一个示例代码：

<template>
  <el-upload
    class="upload-demo"
    action="/upload"
    :before-upload="handleBeforeUpload"
    :on-success="handleSuccess"
    :on-error="handleError"
  >
    <div slot="trigger" class="el-button el-button--default">
      <i class="el-icon-upload"></i> Click to Upload
    </div>
    <div slot="loading">
      <i class="el-icon-loading"></i> Uploading...
    </div>
  </el-upload>
</template>

<script>
export default {
  data() {
    return {
      uploading: false
    };
  },
  methods: {
    handleBeforeUpload() {
      this.uploading = true;
    },
    handleSuccess() {
      this.uploading = false;
    },
    handleError() {
      this.uploading = false;
    }
  }
};
</script>