el-select怎么即保存id又保存name?

Question

这个不是el-select,但是一样的.

<vxe-select v-model="dutyDep" value-key="id" placeholder="请输入单位" clearable :disabled="isView" @change="changeDutyDep">
    <vxe-option v-for="item in baseData.orgList" :key="item.id" :label="item.name" :value="item" />
</vxe-select>


changeDutyDep (dutyDep) {
	this.dataIO.rectify.dutyDepId = dutyDep.value.id
	this.dataIO.rectify.dutyDepName = dutyDep.value.name
},

我已经能同时获取id和name了.

保存没问题,但是在修改时,需要把旧数据回显出来.出了问题.我不会回显啊...这怎么回显啊>

Answer 1

巧了，前两天刚遇到这个问题。

也是需要value绑定一个对象，但是当切换时就出bug了，下拉框的数据全为高亮了，查了一下官方文档，加一个唯一属性就可以了，如下图：

需要注意的是这个id应该是你绑定的value对象里面的key，且具有唯一性。