el-table+el-upload

el-table是一个基于Element UI的表格组件，用于展示后台数据。el-upload是Element UI提供的上传组件，用于上传文件。在el-table中每一行都需要上传图片的需求中，可以通过使用el-upload组件来实现。

正常情况下，使用el-upload组件可以对一个参数进行赋值。例如，通过设置:file-list属性来绑定上传成功后的文件列表。具体代码如下：

<el-upload
  class="uploadImg"
  :action="uploadAction()"
  name="file_name"
  list-type="picture-card"
  accept=".jpg,.jpeg,.png,.gif,.bmp,.JPG,.JPEG,.PBG,.GIF,.BMP"
  :file-list="form.qa_android_picUrl"
  :on-preview="handlePictureCardPreview"
  :on-success="handleAvatarSuccess"
  :on-remove="handleRemove"
>
  <i class="el-icon-plus"></i>
</el-upload>

在js代码中，可以通过定义handleAvatarSuccess方法来处理上传成功后的操作。例如，可以使用this.$set方法来更新表格中对应位置的参数值。具体代码如下：

handleAvatarSuccess(res, file, fileList, row, col) {
  this.$message.success('上传成功');
  this.$set(this.form.events[row.event_index], col, fileList);
},

在上述代码中，this.form.events是一个二维数组，代表el-table中的每一行数据。通过row和col参数可以获取到当前操作的行和列的索引，然后使用this.$set方法将上传成功后的文件列表赋值给对应位置的参数。

如果只需要对一个参数进行赋值，可以使用如下代码：

handleAvatarSuccess(res, file, fileList) {
  this.$message.success('上传成功');
  this.form.qa_android_picUrl = fileList;
},

在上述代码中，this.form.qa_android_picUrl是一个数组，用于保存上传成功后的文件列表。

综上，通过使用el-upload组件和相应的js代码，可以实现在el-table中每一行都有多个字段需要上传图片的需求。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* *2* *3* [Elementui使用el-table+el-upload+箭头函数为每行数据上传图片](https://blog.csdn.net/zero_ghq/article/details/109860394)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 100%"]
[ .reference_list ]