visible-change在组件el-select中怎么使用

在Vue.js的Element UI库中，el-select组件提供了一个@visible-change事件，该事件会在下拉框的可见性发生变化时触发。可以通过该事件来实现在下拉框显示或隐藏时执行一些操作，例如请求接口数据等。使用方法如下：

1. 在el-select组件上添加@visible-change事件监听器，例如：

<el-select v-model="value" @visible-change="handleVisibleChange">
  <el-option label="选项1" value="1"></el-option>
  <el-option label="选项2" value="2"></el-option>
  <el-option label="选项3" value="3"></el-option>
</el-select>

2. 在Vue实例中定义handleVisibleChange方法，例如：

methods: {
  handleVisibleChange(visible) {
    if (visible) {
      // 下拉框显示时执行的操作
      console.log('下拉框显示了');
    } else {
      // 下拉框隐藏时执行的操作
      console.log('下拉框隐藏了');
    }
  }
}

需要注意的是，@visible-change事件的回调函数会接收一个Boolean类型的参数，表示下拉框的可见性状态，true表示下拉框显示，false表示下拉框隐藏。