element-plus文件上传

对于文件上传，Element Plus提供了`el-upload`组件。你可以使用它来实现文件上传功能。下面是一个简单的示例代码：

首先，确保你已经安装了Element Plus组件库：

npm install element-plus

然后，在需要使用文件上传的地方，引入`el-upload`组件和相关样式：

<template>
  <el-upload
    action="/your-upload-url"
    :on-success="handleSuccess"
    :before-upload="beforeUpload"
    :file-list="fileList"
    multiple
    drag
    list-type="text"
  >
    <i class="el-icon-upload"></i>
    <div class="el-upload__text">将文件拖到此处，或<em>点击上传</em></div>
  </el-upload>
</template>

<script>
import { ElUpload } from 'element-plus';

export default {
  components: {
    ElUpload,
  },
  data() {
    return {
      fileList: [],
    };
  },
  methods: {
    handleSuccess(response, file, fileList) {
      // 处理上传成功的回调函数
      console.log('上传成功', response);
    },
    beforeUpload(file) {
      // 在上传之前的钩子函数，可以在这里进行一些验证操作
      console.log('文件大小：', file.size);
      return true; // 返回true表示继续上传，false表示取消上传
    },
  },
};
</script>

<style>
.el-upload__text em {
  color: #409eff;
}
</style>

上述代码中，`action`属性是上传文件的URL地址，你需要将其替换为你实际的上传接口地址。`on-success`属性是上传成功的回调函数，你可以在其中处理上传成功后的逻辑。`before-upload`属性是上传前的钩子函数，你可以在其中进行文件验证等操作。

希望以上代码能帮助到你！如果还有其他问题，请随时提问。