vue elementui 文件夹上传

在Vue中使用Element UI实现文件夹上传，可以使用`el-upload`组件，并设置`directory`属性为true来支持文件夹上传。下面是一个示例：

<template>
  <div>
    <el-upload
      action="/your-upload-url" <!-- 替换为实际的上传接口地址 -->
      :directory="true"
      :on-success="handleSuccess"
      :on-error="handleError"
    >
      <el-button size="small" type="primary">选择文件夹</el-button>
    </el-upload>
  </div>
</template>

<script>
  export default {
    methods: {
      handleSuccess(response, file, fileList) {
        console.log('上传成功');
        console.log(response); // 上传成功的响应
        console.log(fileList); // 上传的文件列表
      },
      handleError(err, file, fileList) {
        console.log('上传失败');
        console.log(err); // 上传失败的错误信息
        console.log(fileList); // 上传的文件列表
      }
    }
  }
</script>

在上面的示例中，`el-upload`组件设置了`directory`属性为true，表示支持文件夹上传。通过`action`属性设置上传接口的URL，然后在`on-success`和`on-error`事件中处理上传成功和失败的回调。你可以根据实际情况进行相应的处理。