vue+elementui 写一段文件上传

好的，以下是一个简单的文件上传组件的 Vue 代码，使用了 ElementUI 的 Upload 组件：

<template>
  <div>
    <el-upload
      class="upload-demo"
      action="/your/upload/url"
      :on-success="handleSuccess"
      :before-upload="beforeUpload"
    >
      <el-button 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: {
    handleSuccess(response, file, fileList) {
      // 上传成功后的处理
      console.log(response, file, fileList);
    },
    beforeUpload(file) {
      // 上传前的验证
      const isJPG = file.type === 'image/jpeg' || file.type === 'image/png';
      const isLt500K = file.size / 1024 < 500;

      if (!isJPG) {
        this.$message.error('上传图片只能是 JPG/PNG 格式!');
      }
      if (!isLt500K) {
        this.$message.error('上传图片大小不能超过 500KB!');
      }
      return isJPG && isLt500K;
    },
  },
};
</script>

注意替换 `action` 为你的上传接口地址。同时，你需要在后端实现文件接收和存储功能。