Vue(26)el-tree树形控件实现鼠标hover显示与隐藏


实现效果与原理

我们希望实现鼠标移动至树型结构的结点上就显示按钮,移出就隐藏按钮
 
实现原理:是通过@mouseenter@mouseleave两个属性来控制鼠标hover的效果,再配合v-show来控制是否展示你需要的控件

 

具体代码


  
    {{ node.label }}
    
      
        
        
      
      
        
          
        
        
          新增文件夹
          编辑
          删除
        
      
    
  


vue