elupload 上传图片封装

对于ElUpload的图片上传封装，你可以按照以下步骤进行操作：

1. 首先，在你的Vue组件中引入ElUpload组件和axios库：

import { ElUpload } from 'element-plus'
import axios from 'axios'

2. 在组件的`data`中定义一个`fileList`数组，用于保存上传成功的文件信息：

data() {
  return {
    fileList: [],
  }
},

3. 在模板中使用ElUpload组件，并绑定相应的属性和事件：

<el-upload
  class="upload-demo"
  action="/your-upload-api-url"
  :file-list="fileList"
  :on-success="handleSuccess"
>
  <el-button slot="trigger" size="small" type="primary">点击上传</el-button>
</el-upload>

在上述代码中，`action`属性表示上传文件的接口地址，`file-list`属性绑定`fileList`数组，`on-success`事件绑定一个处理成功上传的方法。

4. 在Vue组件的`methods`中定义`handleSuccess`方法，用于处理上传成功的回调：

methods: {
  handleSuccess(response, file, fileList) {
    // 处理上传成功后的逻辑，例如更新fileList数组等操作
  },
},

在这个方法中，你可以根据后端返回的响应进行相应的处理，例如更新`fileList`数组或执行其他逻辑。

5. 最后，记得在Vue组件中注册ElUpload组件：

components: {
 ElUpload,
},

这样，你就完成了ElUpload的图片上传封装。根据你的实际需求，你可以进一步定制化处理上传成功后的逻辑和其他相关配置。