Advertisement

vue中开发响应式动态展示组件

阅读量:
在这里插入图片描述

当鼠标悬停在“我的”区域时,将触发卡片的显示效果,且卡片的位置会实时跟随鼠标的移动轨迹。一旦鼠标离开卡片区域,卡片将自动隐藏。在鼠标进入时,系统会获取当前鼠标的坐标信息,并通过prop将父组件中的鼠标位置数据传递至子组件。

在这里插入图片描述
复制代码
    toCenter(event){
      const{x,y}=event
      this.mouse_x=x;
      this.mouse_y=y;
      this.showCenter=true;
    },
    
    
      
      
      
      
      
      
    

![在这里插入图片描述](https://ad.itadn.com/c/weblog/blog-img/images/2025-05-31/rjyITOvUkWsqQL3

全部评论 (0)

还没有任何评论哟~