【el-select change 事件和 remove-tag 事件参数如何绑定为对象】

el-select remove-tag 事件和 change 事件参数如何绑定为对象

  • value-key 作为 value 唯一标识的键名,绑定值为对象类型时必填,类型为string ,默认值为el-option的value
  • value绑定的是对象时,在el-select 添加value-key="id"属性,el-option中添加:key="item.id"属性。其中value-key的值与key绑定的属性值对应。
// html
<el-select placeholder="请输入" 
	v-model="selectModel" 
	multiple 
	@change="selectChange"
    @remove-tag="removeTag"
	value-key="id" 
	:default-first-option="true">
	<el-option
		v-for="item in selectOptions"
        :key="item.id"
        :label="item.label"
        :value="item">
	</el-option>
</el-select>

selectChange(val){
    // 此时 val 为当前对象
}
removeTag(tag){
    // 此时 tag 为当前对象
}

你可能感兴趣的:(ElementUI,javascript,前端,elementui)