请教vue+elementUI怎么实现动态下拉框的表格效果？

Question

vue+elementui里的table组件，怎么实现下面原型里的效果？请教

请教
补充：
是第一行全是下拉框，选中后保存按钮，这样列表里就会多出一行记录，这个是不是做不到的？感觉画原型的人想的太多了

Answer 1

可以做到的，表格的第一条数据单独处理下就可以实现

具体实现：示例代码

Answer 2

也就是一个状态的改变，当前是编辑，则将表格行渲染为可编辑的元素。如：

1. 当前正常状态，则显示数据
2. 当前编辑状态，则显示可编辑，用户可操作

<el-table-column label="道口">
  <template slot-scope="scope">
    <el-select v-if="scope.row.isEdit" v-model="scope.row.sortId" placeholder="请选择" @change="onChangeSortId">
      <el-option
        v-for="item in mockList"
        :key="item.value"
        :label="item.label"
        :value="item.value">
      </el-option>
    </el-select>
    <span v-else>{{ scope.row.sortId }}</span>
  </template>
</el-table-column>

/**
 * 方法实现某个属性改变需要处理的业务逻辑
 */
onChangeSortId(value) {}