美文网首页
el-select 的value-key用法

el-select 的value-key用法

作者: 无尘粉笔 | 来源:发表于2020-07-27 13:58 被阅读0次

element-ui 的组件el-select的 value-key 作为 value 唯一标识的键名,绑定值为对象类型时必填
用法如下:

<el-select placeholder="请输入抄送人" v-model="recipients" multiple filterable remote
:remote-method="remoteMethod" :loading="loading" value-key="id" :default-first-option="true">
<el-option
v-for="item in userList"
:key="item.id"
:label="item.userName"
:value="item">
</el-option>
</el-select>
这里标注下注意点:

绑定值为对象类型, value-key必填
例子中id为对象item的属性
如果想在保存后,编辑页面时,在select上显示数据,
需要在页面初始化时,把recipients赋值给userList。

相关文章