el-select中change方法
时间: 2023-08-17 18:09:40 浏览: 45
el-select组件中的change方法是在选择项目改变时触发的回调函数。可以通过v-model绑定的属性来获取选择的值,也可以通过$event参数获取选择的值。
示例代码如下:
```html
<template>
<el-select v-model="selectedValue" @change="handleChange">
<el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value"></el-option>
</el-select>
</template>
<script>
export default {
data() {
return {
selectedValue: '',
options: [
{ value: 'option1', label: 'Option 1' },
{ value: 'option2', label: 'Option 2' },
{ value: 'option3', label: 'Option 3' }
]
};
},
methods: {
handleChange(value) {
console.log('Selected value:', value);
}
}
};
</script>
```
在上述代码中,当选择的项目改变时,会触发handleChange方法,该方法会将选择的值作为参数传入,然后在控制台打印出选择的值。