<el-popover>点击里边的select下拉框就消失

`<el-popover>`是Element UI库中的一个组件，它是一个弹出层，通常用于显示额外的信息或者提供交互式选项。如果你想要创建一个这样的效果，当你点击选中的下拉框时，`<el-popover>`会隐藏起来，你可以通过设置`popper-class`属性并监听`visible`状态变化来控制它的显示和隐藏。

例如，在JavaScript中，你可以这样做：

// 假设el-popover的元素ID是popoverRef
const popoverRef = ref(null);
const togglePopover = (event) => {
  if (popoverRef.value && event.target === event.currentTarget) { // 点击的是下拉框
    popoverRef.value.visible = false; // 隐藏下拉框
  }
};

// 初始化时绑定事件处理函数
useEffect(() => {
  if (popoverRef.value) {
    popoverRef.value.$on('update:visible', togglePopover); // 监听可见性变化
    return () => popoverRef.value.$off('update:visible', togglePopover); // 移除事件监听
  }
}, [popoverRef]);

<template>
  <el-popover :ref="popoverRef" placement="bottom">
    <el-select @click="togglePopover">...</el-select>
    <!-- 下面的内容 -->
  </el-popover>
</template>

当用户点击下拉框时，`togglePopover`函数会被触发，隐藏`<el-popover>`。记得在销毁时移除事件监听，避免内存泄漏。