elementui中el-select的visible-change

在 Element UI 中，el-select 组件的 visible-change 是一个事件，它在下拉框的展开或收起状态发生变化时触发。你可以通过监听 visible-change 事件来执行相应的操作。

以下是一个示例：

<template>
  <div>
    <el-select v-model="selectedOption" @visible-change="handleVisibleChange">
      <el-option
        v-for="option in options"
        :key="option.value"
        :label="option.label"
        :value="option.value"
      ></el-option>
    </el-select>
  </div>
</template>

<script>
export default {
  data() {
    return {
      selectedOption: '',
      options: [
        { label: 'Option 1', value: 'option1' },
        { label: 'Option 2', value: 'option2' },
        { label: 'Option 3', value: 'option3' }
      ]
    };
  },
  methods: {
    handleVisibleChange(visible) {
      if (visible) {
        console.log('下拉框已展开');
      } else {
        console.log('下拉框已收起');
      }
    }
  }
};
</script>

在上述示例中，@visible-change="handleVisibleChange" 表示监听 el-select 的 visible-change 事件，并触发 handleVisibleChange 方法。方法中的 visible 参数表示下拉框的展开或收起状态，根据该状态可以执行相应的操作。