element-ui中循环生成多个select组件,关于v-model的问题,多个组件共用一个或不用v-model

Question

1.当循环生成多个select组件时,不能用统一的v-model,这样会导致选中一个,其他都跟着变.

2.把value写死的话,更改选择又不生效

一直是已提交.
请问这种情况怎么处理,不能为每个select设置独立的v-model.

Answer 1

option 用v-for

Answer 2

把 v-model 的值加到循环数组中去，不就为每个 select 设置了单独的 v-model 值了，对数据提前加工一下

Answer 3

<el-select class='sel-sup-type' v-model='o_sup_status' @change='handlerSelSupC'>
    <el-option v-for='(item, index) in statusList' :value='item.value' :label='item.label'></option>
</select>

return {
    statusList: [
        {value: 1, label: '已提交'}
    ]
}

这个样子就可以了

Answer 4

看你的样式似乎是表格，既然跟表格数据绑定，为什么不在表格数据里设置selected，使用table的方法进行相应的操作