element+ popover弹出框点击判断后显示和隐藏

如果您使用的是 Element UI 的 Popover 组件，那么可以通过 `v-model` 指令来控制弹出框的显示和隐藏。

具体操作步骤如下：

1. 在需要触发弹出框的元素上，添加 `@click` 事件监听器，例如：

   <el-button @click="showPopover">点击弹出框</el-button>

2. 在 `data` 中定义一个变量，用于控制弹出框的显示和隐藏状态，例如：

   data() {
     return {
       isPopoverVisible: false
     }
   }

3. 在 `showPopover` 方法中，将 `isPopoverVisible` 变量的值设为 `true`，例如：

   methods: {
     showPopover() {
       this.isPopoverVisible = true
     }
   }

4. 在需要显示弹出框的元素上，添加 `v-popover` 指令，并绑定 `isPopoverVisible` 变量，例如：

   <el-button v-popover="{ visible: isPopoverVisible }">点击弹出框</el-button>

5. 在弹出框组件上，添加 `v-model` 指令，并绑定 `isPopoverVisible` 变量，例如：

   <el-popover v-model="isPopoverVisible">
     <p>这是弹出框的内容</p>
   </el-popover>

这样，在点击元素时，弹出框就会显示出来，再次点击元素时，弹出框就会隐藏起来。