vue el-select，再表格中得每一行，如何实现

在 Vue 中，使用 Element UI 的 `el-select` 组件在表格（通常指 `el-table`）中的每行实现选择功能，你需要将 `el-select` 放置在表格的一个单元格内，配合 `v-model` 数据绑定以及事件监听。以下是基本步骤：

1. 首先，在数据里准备一个数组，作为 `el-select` 的选项列表：

data() {
  return {
    options: ['Option1', 'Option2', 'Option3'], // 根据实际需求填充选项
    selectedOptions: [], // 存储用户选择的结果
    tableData: [
      { id: 1, name: 'Row1', selectOption: '' }, // 每行的数据，包含一个用于存储选中的选项的字段
      { id: 2, name: 'Row2', selectOption: '' },
      { id: 3, name: 'Row3', selectOption: '' }
    ]
  };
},

2. 在模板中，为每个表行添加一个 `el-select`：

<template>
  <el-table :data="tableData">
    <el-table-column prop="name" label="Name"></el-table-column>
    <el-table-column width="100">
      <template slot-scope="scope">
        <el-select v-model="scope.row.selectOption" placeholder="Select an option">
          <el-option
            v-for="(option, index) in options"
            :key="index"
            :label="option"
            :value="option">
          </el-option>
        </el-select>
      </template>
    </el-table-column>
  </el-table>
</template>

3. 当用户在 `select` 中做出选择时，可以在 `el-select` 的 `change` 事件中更新数据：

<template>
  <!-- ... -->
  <el-select v-model="scope.row.selectOption" @change="updateSelection(scope.$index)">
    <!-- ... -->
  </el-select>
</template>

<script>
methods: {
  updateSelection(index) {
    this.tableData[index].selectOption = this.options[index];
  }
}
</script>

当用户选择新选项时，`updateSelection` 方法会被调用，更新对应行的 `selectOption` 属性。