el-table-colum select下拉框可编辑

el-table-column组件的select下拉框是可编辑的。通过设置el-table-column组件的edit-config属性为true，可以实现下拉框的编辑功能。

具体实现步骤如下：

1. 在el-table-column组件中设置edit-config属性为true，示例代码如下：

<el-table-column prop="gender" label="性别" edit-config="true">
  <template slot-scope="scope">
    <span>{{ getGenderText(scope.row.gender) }}</span>
  </template>
</el-table-column>

2. 在data中定义下拉框选项列表，示例代码如下：

data() {
  return {
    genderOptions: [
      { value: 1, label: '男' },
      { value: 2, label: '女' },
    ],
  };
},

3. 定义getGenderText方法，用于根据性别的值返回对应的文本，示例代码如下：

methods: {
  getGenderText(gender) {
    const option = this.genderOptions.find((item) => item.value === gender);
    if (option) {
      return option.label;
    }
    return '未知';
  },
},

通过以上步骤，可以实现el-table-column组件中的select下拉框可编辑。当点击下拉框时，可以选择不同的选项，并且选项的值会保存到对应的数据中。同时，通过定义getGenderText方法，可以将选项的值转换为对应的文本以进行展示。