el-select @change如何使用

el-select 是 Element UI 提供的下拉选择组件，@change 是 Vue 的事件绑定语法，用于监听 el-select 的值改变事件。下面是一个示例代码：

<el-select v-model="selectedValue" @change="handleChange">
  <el-option label="Option 1" value="option1"></el-option>
  <el-option label="Option 2" value="option2"></el-option>
  <el-option label="Option 3" value="option3"></el-option>
</el-select>

data() {
  return {
    selectedValue: ''
  }
},
methods: {
  handleChange(value) {
    console.log('Selected value:', value);
    // 在这里处理选择值改变的逻辑
  }
}

在上面的示例中，`v-model="selectedValue"` 绑定了 el-select 的选中值，`@change="handleChange"` 监听了选中值改变事件，并将选中值作为参数传给 handleChange 方法。你可以在 handleChange 方法中处理选中值改变的逻辑，比如打印选中值或者触发其他操作。

相关问题

el-select@change

### Element UI `el-select` 组件的 Change 事件用法

当用户的输入提交更改时会触发 `el-select` 的 `change` 事件[^1]。此事件通常用于响应用户的选择变化并执行相应的逻辑处理。

下面是一个简单的例子来展示如何监听 `el-select` 的 `change` 事件：

<template>
  <div id="app">
    <el-select v-model="selectedValue" placeholder="请选择..." @change="handleChange">
      <el-option
        v-for="item in options"
        :key="item.value"
        :label="item.label"
        :value="item.value">
      </el-option>
    </el-select>
  </div>
</template>

<script>
export default {
  data() {
    return {
      selectedValue: '',
      options: [{
          value: 'option1',
          label: '黄金糕'
        }, {
          value: 'option2',
          label: '双皮奶'
        }, {
          value: 'option3',
          label: '蚵仔煎'
        }]
    };
  },
  methods: {
    handleChange(value) {
      console.log('选中的值:', value);
    }
  }
};
</script>

在这个示例中，每当选择了新的选项时就会调用 `handleChange` 方法，并打印出当前被选中的值到控制台。

el-select @change

el-select 是 Element UI 中的一个下拉选择组件，@change 是它的一个事件监听器。当 el-select 的选中项发生改变时，@change 会触发相应的事件处理函数。

你可以在 el-select 上使用 @change 来监听选项改变的事件，并执行相应的逻辑操作。例如：

<el-select @change="handleSelectChange" v-model="selectedValue">
  <!-- 下拉选项 -->
</el-select>

在上面的例子中，当 el-select 的选中项发生改变时，会调用组件中的 handleSelectChange 方法。你可以在该方法中处理选项改变后的逻辑。

希望能对你有所帮助！如果你还有其他问题，请继续提问。