获取el-option值的对象事件
时间: 2023-08-06 08:06:50 浏览: 17
获取el-option值的对象事件需要对el-option的value属性进行设置,使其绑定到一个对象上。然后在el-select的change事件回调函数中,通过event.target.value获取到的是选中的对象,而不是值。例如:
```
<el-select v-model="selectedOption" @change="handleChange">
<el-option :label="option.label" :value="option" v-for="option in options" :key="option.value"></el-option>
</el-select>
...
data() {
return {
selectedOption: {},
options: [
{label: 'Option 1', value: 'option1', content: 'Option 1 Content'},
{label: 'Option 2', value: 'option2', content: 'Option 2 Content'},
{label: 'Option 3', value: 'option3', content: 'Option 3 Content'}
]
}
},
methods: {
handleChange(event) {
console.log(event.target.value); // 输出当前选中的对象
}
}
```
在上述代码中,el-option的value属性绑定到了一个对象上,而不是一个简单的字符串或数字。在handleChange方法中,通过event.target.value可以获取到选中的对象,包括对象的所有属性。这样就可以方便地对选中的对象进行后续操作,比如获取对象的特定属性值,或者进行对象的比较等等。
相关推荐

















