前言
业务需求: 使用Select选择器选择多个用户,并获取选中的用户对象数据。
实现思路: 常规的Select选择器,v-model绑定的参数仅能获取到label值,获取不到选中的整个item对象。参考Element-UI官方Select选择器。
一、绑定值为对象类型
1.绑定及获取选中的对象
- 设置
v-model
属性:v-model=“selectUsers”,selectUsers为对象 - 设置
value-key
属性:如果 Select 的绑定值为对象类型,请务必指定 value-key 作为它的唯一性标识。 - 如果设置multiple属性的话,selectUsers为对象数组
代码如下(示例):
<el-select v-model