el-select @change事件如何输出默认值
时间: 2023-07-13 10:30:59 浏览: 42
如果您想在el-select @change事件中输出默认值,可以使用v-model指令将默认值绑定到el-select组件上,然后在@change事件处理程序中访问该值。例如:
```
<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 {
options: [
{ label: 'Option 1', value: '1' },
{ label: 'Option 2', value: '2' },
{ label: 'Option 3', value: '3' }
],
selectedValue: '2'
}
},
methods: {
handleChange() {
console.log('Default value:', this.selectedValue)
}
}
}
</script>
```
在上面的示例中,我们将默认选项绑定到了selectedValue属性上,并在@change事件处理程序中访问了该属性的值。