el-table表格中嵌套下拉框

在Vue.js中使用Element UI库创建一个el-table表格，并在表格中嵌套下拉框el-select，可以通过以下方式实现：

1. 在<template>中定义表格和下拉框。
2. 在<script>中定义下拉框的数据和方法。

以下是一个简单的例子：

<template>
  <el-table :data="tableData" style="width: 100%">
    <el-table-column prop="date" label="日期" width="180">
    </el-table-column>
    <el-table-column prop="name" label="姓名" width="180">
    </el-table-column>
    <el-table-column label="下拉框">
      <template slot-scope="scope">
        <el-select v-model="scope.row.selectValue" placeholder="请选择">
          <el-option
            v-for="item in options"
            :key="item.value"
            :label="item.label"
            :value="item.value">
          </el-option>
        </el-select>
      </template>
    </el-table-column>
  </el-table>
</template>
 
<script>
export default {
  data() {
    return {
      tableData: [{ date: '2016-05-02', name: '王小虎', selectValue: '' }], // 表格数据
      options: [{ value: '选项1', label: '黄金糕' }, { value: '选项2', label: '双皮奶' }] // 下拉框选项
    };
  }
};
</script>

在这个例子中，我们定义了一个包含三列的el-table，其中第三列是一个下拉框。scope.row.selectValue是用于v-model绑定的，它将存储选中的下拉框的值。options数组定义了下拉框的选项。在实际应用中，你可以根据需要将tableData和options数据替换为动态数据。