el-upload的拖曳上传

el-upload是Element UI框架中的一个组件，用于实现文件上传功能。拖曳上传是el-upload的一个特性，允许用户通过拖曳文件到上传区域来实现文件上传。

要使用el-upload的拖曳上传功能，你需要在el-upload组件上设置`drag`属性为true。这样，用户就可以将文件拖曳到上传区域进行上传操作。

以下是el-upload的拖曳上传的使用示例：

<template>
  <el-upload
    class="upload-demo"
    drag
    action="/upload"
    :on-success="handleSuccess"
    :before-upload="beforeUpload"
  >
    <i class="el-icon-upload"></i>
    <div class="el-upload__text">将文件拖到此处，或<em>点击上传</em></div>
    <div class="el-upload__tip" slot="tip">只能上传jpg/png文件，且不超过500kb</div>
  </el-upload>
</template>

<script>
export default {
  methods: {
    handleSuccess(response, file, fileList) {
      // 上传成功的回调函数
      console.log(response);
    },
    beforeUpload(file) {
      // 文件上传前的处理函数
      console.log(file);
    }
  }
}
</script>

<style scoped>
.upload-demo {
  border: 1px dashed #409EFF;
  border-radius: 6px;
  padding: 20px;
  text-align: center;
  color: #999;
}
</style>

在上述示例中，我们设置了`drag`属性为true，这样用户就可以将文件拖曳到上传区域进行上传。同时，我们还设置了`action`属性为"/upload"，表示文件上传的接口地址。在`handleSuccess`方法中，我们可以处理上传成功后的逻辑，而在`beforeUpload`方法中，我们可以对文件进行一些预处理操作。