如何监听el-select下拉的显示隐藏

要监听el-select下拉的显示和隐藏，你可以使用element-ui提供的事件以及Vue实例的事件监听机制。

首先，在el-select组件上添加一个@visible-change事件监听器，如下所示：

<el-select @visible-change="handleVisibleChange">
  <!-- options -->
</el-select>

接下来，在Vue实例中定义handleVisibleChange方法来处理下拉显示和隐藏的变化：

methods: {
  handleVisibleChange(visible) {
    if (visible) {
      // 下拉框显示时的逻辑
      console.log('下拉框显示');
    } else {
      // 下拉框隐藏时的逻辑
      console.log('下拉框隐藏');
    }
  }
}

在handleVisibleChange方法中，根据visible参数的值来判断下拉框是显示还是隐藏。你可以根据需要在对应的逻辑中进行相应的操作。

这样，当el-select下拉框的显示或隐藏状态发生变化时，handleVisibleChange方法就会被触发，并根据visible参数来执行相应的逻辑。