3
<el-select
    placeholder="请选择审批人"
    value-key="name"
    v-model="approver">
    <el-option
        v-for="item in approvers"
        :key="item.id"
        :label="item.id"
        :value="item">
    </el-option>
</el-select>

approvers的数据为

[{id: 1, name: '张三'}, {id: 2, name: '李四'},{id: 3, name: '王五'}]

clipboard.png

不管怎么选,页面上的数据都只显示最后一个数据,但是检测到approver数据实际上是正确的, <el-select>选项的这种写法是错误的么?

已经解决了,谢谢

wow_TOT 79
2017-08-18 提问

查看全部 4 个回答

20

已采纳

给 <el-select> 加上 value-key 属性,值为数据源数组元素中的唯一键
例如数据源数组

[{id: 1, name: '张三'}, {id: 2, name: '李四'},{id: 3, name: '王五'}]

那么可设置 value-key="id" 、value-key="name"
如下:

<el-select v-model="value" value-key="id" placeholder="请选择">

https://jsfiddle.net/1erjhcL3/1/

推广链接