手动实现el-popover

手动实现el-popover的方式有多种。其中一种方式是通过监听事件来控制popover的显示和隐藏。具体实现步骤如下：

1. 在el-popover标签上添加一个自定义的v-model绑定值，用于控制popover的显示和隐藏状态。

2. 添加一个按钮或者其他触发元素，通过点击来手动触发popover的显示和隐藏。

3. 在点击事件中，通过修改v-model的绑定值来控制popover的显示和隐藏。

4. 可以使用v-if或者v-show指令来根据v-model的绑定值来控制popover的显示和隐藏。

下面是一个示例代码：

<template>
  <div>
    <el-button @click="showPopover = !showPopover">点击显示/隐藏popover</el-button>
    <el-popover v-model="showPopover" placement="bottom-start" width="520px" trigger="manual">
      <a slot="reference">这是一个popover</a>
      <span>这是popover的内容</span>
      <el-button type="primary" @click="closePopover">关闭popover</el-button>
    </el-popover>
  </div>
</template>

<script>
export default {
  data() {
    return {
      showPopover: false
    };
  },
  methods: {
    closePopover() {
      this.showPopover = false;
    }
  }
};
</script>