- 这里的各种坑，并不代表element ui 不好，只是记录自己没有仔细看文档例子，而踩的坑。
select选择器中提供了value值，el-option会将value值传递给el-select中的v-model
Value值一般就是之后要传递给后端的一段数据，但总有时候后端不仅仅要的是一段数据，可能需要的是两个字段，这时候我就会想把value值写成一个对象。如下：
<el-select v-model="internet" placeholder="请选择所属网络">
<el-option v-for="(item, key) in tableData" :key="key" :label="item.name" :value="{id: item.id, name: item.name}">
</el-option>
</el-select>
但会出现问题，v-model只传递了最后一个对象的value值，并且里面option都是被选择的状态，这显然不符合需求
image
- 经过查找，需要一个这样的字段放在el-select上
value-key="id"
这个字段所输入的值，值为数据源数组元素中的唯一键，比如此例子中的id或者name
网友评论