el-upload上 before-upload 延时上传

`el-upload`是Element UI中用于文件上传的组件，其中`before-upload`属性是一个钩子函数，用于在文件上传前进行自定义的验证或操作。如果你希望`before-upload`钩子函数能够有延时上传的效果，你可以在该函数中引入`setTimeout`来延迟执行上传逻辑。

下面是一个简单的例子来说明如何实现延时上传：

<template>
  <el-upload
    action="your-upload-url"
    :before-upload="handleBeforeUpload"
    :on-success="handleSuccess"
    :on-error="handleError">
    <el-button slot="trigger" size="small" type="primary">选取文件</el-button>
    <div slot="tip" class="el-upload__tip">只能上传jpg/png文件，且不超过500kb</div>
  </el-upload>
</template>

<script>
export default {
  data() {
    return {
      uploadUrl: ''
    };
  },
  methods: {
    handleBeforeUpload(file) {
      // 延时1秒执行上传
      setTimeout(() => {
        this.uploadUrl = URL.createObjectURL(file);
        // 执行实际的上传逻辑
        // ...
      }, 1000);
      // 返回false来停止上传
      return false;
    },
    handleSuccess(response, file, fileList) {
      // 上传成功的回调
    },
    handleError(err, file, fileList) {
      // 上传失败的回调
    }
  }
};
</script>

在`handleBeforeUpload`方法中，我们使用`setTimeout`设置了一个延时操作。在这个例子中，延时为1秒。在延时结束后，会执行实际的上传操作。如果需要在上传前进行其他验证或操作，也可以在此函数中进行。

需要注意的是，由于`before-upload`钩子函数返回值会影响上传行为，如果返回`false`则停止上传，所以要确保`setTimeout`的回调中返回适当的值。