element-puls中Anchor锚点在vue3中的使用

`element-puls`是一个基于Element Plus库的Vue组件集合，它提供了一个名为`el-popper-anchor`的插件，用于处理Vue3中的弹出框(Popover)组件锚点定位。`Anchor`在这里通常是指锚元素，用来指定Popper的位置，比如你想让弹出框跟随页面上的某个元素显示。

在Vue3中使用`element-puls`的`Anchor`组件，你可以按照以下步骤操作：

1. 首先，你需要安装`element-plus`和`element-popper-anchor`依赖：

   npm install element-plus element-popper-anchor

2. 然后，在你的组件模板中导入并使用`ElPopover`和`ElPopperAnchor`组件：

   <template>
     <el-popover v-model="showPopover" placement="bottom">
       <p>这是弹出的内容</p>
       <el-popper-anchor ref="anchor" :popperOptions="{ placement: 'bottom' }"></el-popper-anchor>
     </el-popover>
   </template>

3. 在组件的data中设置锚点位置（例如，点击按钮时更新弹出框的位置）：

   <script>
   import { ElPopover, ElPopperAnchor } from "element-plus";
   
   export default {
     components: {
       ElPopover,
       ElPopperAnchor
     },
     data() {
       return {
         showPopover: false,
       };
     },
     methods: {
       handleClick(event) {
         this.showPopover = true;
         this.$refs.anchor.updatePosition(event);
       }
     }
   };
   </script>

4. `updatePosition`方法会根据事件的目标元素动态调整弹出框的位置。