el-upload拖拽上传

您好！对于el-upload组件的拖拽上传功能，您可以按照以下步骤进行操作：

1. 首先，确保您已正确安装了element-ui组件库，并引入了el-upload组件。

2. 在模板中使用el-upload组件，并配置相关属性和事件。您可以像下面这样配置一个简单的el-upload组件：

<el-upload
  action="/your-upload-url"
  :show-file-list="false"
  :on-success="handleSuccess"
  drag
  drag-over-class="drag-over"
>
  <i class="el-icon-upload"></i>
  <div class="el-upload__text">将文件拖到此处，或点击上传</div>
  <div class="el-upload__tip" slot="tip">只能上传jpg/png文件，且不超过500kb</div>
</el-upload>

在上述代码中，我们使用了`drag`属性来启用拖拽上传功能，并设置了`drag-over-class`属性来定义在拖拽时显示的样式类名。

3. 在JavaScript中定义处理上传成功的方法。

methods: {
  handleSuccess(response, file, fileList) {
    // 处理上传成功后的逻辑
    console.log('上传成功', response);
  }
}

在上述代码中，我们定义了一个`handleSuccess`方法来处理上传成功后的逻辑。您可以在该方法中根据需要进行相应的处理，比如显示上传成功的提示、更新文件列表等操作。

请注意，您需要根据实际需求修改代码中的一些属性和方法，比如上传接口的URL、文件类型限制等。

希望以上信息对您有所帮助！如果您还有其他问题，请随时提问。