element-plus中popover弹框中有选择器，点击后popover消失的解决办法

在Element Plus库中，如果你想要创建一个带有下拉选项的Popover弹框，并且当用户选择一项后自动关闭该弹框，你可以通过监听`@select`事件来实现。这个事件会在用户选择元素时触发。以下是一个简单的步骤说明：

1. 首先，在你的Vue组件中引入`<el-popover>`组件，并配置好需要的选项数据：

<template>
  <div>
    <button @click="showPopover">点击打开弹框</button>
    <el-popover :visible.sync="showPopover" placement="bottom">
      <ul v-for="(option, index) in options" :key="index">
        <li @click.stop="handleSelect(option)">{{ option.text }}</li>
      </ul>
    </el-popover>
  </div>
</template>

<script setup>
import { ref } from 'vue';
import { ElPopover } from 'element-plus';

const showPopover = ref(false);
const options = [
  { text: '选项1', value: '1' },
  { text: '选项2', value: '2' },
  // 更多选项...
];

function handleSelect(option) {
  showPopover.value = false; // 点击后关闭弹框
  // 如果有其他操作，比如处理选中的值，可以在这里添加
}
</script>

在这个例子中，当你点击按钮时，`showPopover`会被设置为`true`，显示弹框。然后每个列表项都有`@click.stop`事件处理器，当用户选择某项时，会调用`handleSelect`函数，将`showPopover`设为`false`以隐藏弹框。