element ui select change

Element UI是一款基于Vue.js的开源UI组件库，它为Vue.js开发者提供丰富的UI组件。

在Element UI中的Select组件，提供了一个下拉选择框，使得用户可以在已定义的选项中进行选择。一旦用户选择了一个选项，组件就会触发一个change事件。在该事件中，我们可以获取所选择的选项的值，并且可以执行一些逻辑操作。

要监听这个change事件，我们可以在Select组件上使用@change指令来绑定一个回调函数。这个回调函数将会在用户选择一个新的选项后被调用。在这个回调函数中，我们可以通过event.target.value来获取所选择的选项的值。

例如，假设我们有一个Select组件，并且其中有三个选项：“Apple”，“Banana”和“Orange”。我们可以将下面的代码添加到这个组件中：

<el-select v-model="selectedFruit" @change="handleChange">
<el-option label="Apple" value="apple"></el-option>
<el-option label="Banana" value="banana"></el-option>
<el-option label="Orange" value="orange"></el-option>
</el-select>

在这个代码中，我们使用了v-model指令来绑定所选择的选项的值（在这个例子中，我们将其绑定到了selectedFruit变量上），并且使用了@change指令来绑定handleChange方法。

在这个例子中，我们的handleChange方法可以这样实现：

methods: {
handleChange(event) {
console.log('选中的水果是：' + event.target.value);
}
}

当用户选择一个新的选项时，这个方法将会输出一条信息，告诉我们用户选择的是哪种水果。