请帮我写一个使用elementui upload的上传组件

当然可以帮你写一个使用 ElementUI Upload 组件的上传组件。以下是一个简单的示例：

首先，你需要在你的项目中安装并引入 ElementUI：

npm install element-ui

import Vue from 'vue';
import ElementUI from 'element-ui';
import 'element-ui/lib/theme-chalk/index.css';

Vue.use(ElementUI);

接下来，你可以创建一个 Vue 组件来包含你的上传组件：

<template>
  <div>
    <el-upload
      class="upload-demo"
      action="/your-upload-url"
      :headers="{'Authorization': 'your-token'}"
      :on-success="handleSuccess"
      :on-error="handleError"
      :before-upload="beforeUpload"
    >
      <el-button slot="trigger" size="small" type="primary">点击上传</el-button>
      <div slot="tip" class="el-upload__tip">只能上传jpg/png文件，且不超过500kb</div>
    </el-upload>
  </div>
</template>

<script>
export default {
  methods: {
    beforeUpload(file) {
      const isJPG = file.type === 'image/jpeg' || file.type === 'image/png';
      const isLt500kb = file.size / 1024 < 500;

      if (!isJPG) {
        this.$message.error('只能上传jpg/png文件');
      }
      if (!isLt500kb) {
        this.$message.error('文件大小不能超过500KB');
      }

      return isJPG && isLt500kb;
    },
    handleSuccess(response, file) {
      // 上传成功后的处理逻辑
      console.log(response);
    },
    handleError(error, file) {
      // 上传失败后的处理逻辑
      console.log(error);
    },
  },
};
</script>

<style scoped>
.upload-demo {
  display: inline-block;
}
</style>

在这个示例中，我们使用了 ElementUI 的 Upload 组件，设置了上传的 URL、请求头、文件类型和大小限制，并定义了上传成功和失败的回调函数。

你可以根据你的实际需求修改这个示例，并适配到你的项目中。希望对你有所帮助！如果有任何问题，请随时提问。