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

Question

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

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

Answer 1

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

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) {}