el-upload怎么用

el-upload是vue-cli3.0 element-ui中的上传组件，用于实现文件上传功能。以下是el-upload的使用方法：

1. 在需要使用的组件中引入el-upload和el-button组件。
2. 在data属性中定义需要使用的变量，如imageUrl和FormData。
3. 在template中使用el-upload组件，并设置相应的属性和事件监听。
- 使用:class绑定class名，如"avatar-uploader"。
- 使用:show-file-list设置是否显示文件列表，这里设置为false。
- 使用:on-success设置上传成功的回调函数handleAvatarSuccess。
- 使用:before-upload设置发送请求前的函数beforeAvatarUpload。
- 使用v-if和v-else根据imageUrl的有无来判断是否显示图片或加号图标。
4. 在template中使用el-button组件，设置@click事件调用uploadImg函数。
5. 在methods中定义handleAvatarSuccess、beforeAvatarUpload和uploadImg函数。
- handleAvatarSuccess函数接收上传成功的回调函数res和文件file作为参数，在这里可以对上传成功后的操作进行处理。
- beforeAvatarUpload函数接收需要上传的文件file作为参数，在这里可以对上传文件的类型和大小进行限制，并返回false来阻止默认的上传行为。
- uploadImg函数用于发送请求，将文件通过FormData形式传递给后端接口，并接收返回的数据。