elementui el-select 中change事件 vue

elementui el-select是一个基于Vue.js的下拉框组件，支持单选、多选、搜索、分组和远程加载等功能，并且提供了丰富的选项配置和样式定制。

而change事件是el-select组件内置的事件之一，当下拉框选项改变时会触发该事件。我们可以通过在el-select组件上绑定change事件来监听选择值的变化，并进行相关的操作。

el-select的change事件会返回当前选中的值或值数组，可以通过事件回调函数的参数来获取该值。例如：

<el-select v-model="selectedValue" @change="handleChange">
<el-option v-for="option in options" :key="option.value" :label="option.label" :value="option.value"></el-option>
</el-select>
<script>
export default {
data() {
return {
selectedValue: '',
options: [
{ label: '选项一', value: '1' },
{ label: '选项二', value: '2' },
{ label: '选项三', value: '3' }
]
}
},
methods: {
handleChange(val) {
console.log(`当前选中的值为：${val}`)
}
}
}
</script>

在上述示例中，我们定义了一个el-select组件，并将其绑定到一个选项数组中。通过v-model指令，我们将当前选中的值与selectedValue数据属性进行绑定，而在change事件的回调函数中，我们可以通过参数val获取当前选中的值，并进行相关的操作。

总的来说，el-select的change事件可以使开发者在下拉框选项改变时，快速、准确地获取当前选中的值，并进行相应的操作，从而提高了开发效率和用户体验，是Vue开发中常用的事件之一。