elementUI表格加一个下拉选择框的问题

Question

我在elementUI的表格中加了一列，里面是一个下拉选择框。demo如下：
https://jsfiddle.net/0qw2ca0d/3/

问题：
1、现在下拉选择框默认是空白，我想让它的默认值是tableData数组中的city字段值，怎么才可以？

2、用鼠标选择任一行的下拉选择框选中一个值，整列的值都会受影响。怎么让它只影响正在操作的行？

Answer 1

<el-select v-model="scope.row.city" placeholder="请选择">

只需要把select用v-model绑定的默认值改了就好

有不明白的再评论补充吧

Answer 2

改为 <el-select v-model="tableData[scope.$index].city" placeholder="请选择"> 即可

https://jsfiddle.net/hugaungj...

Answer 3

<el-switch

          v-model="lists[scope.$index].state" @click.native="aa(scope.$index)" on-color="#13ce66" off-color="#ff4949" on-value="1" off-value="0" on-text="上架" off-text="下架">
        </el-switch> 
        
        我写的 先请求倒数据 放在data的lists里面  渲染出来了 state是0 or 1 但是渲染出来 要么都是 打开的   要么都是关闭的   看了一下 vm 上的 lists 数据都变量