element-ui的el-tree 实现鼠标移入子节点，显示删除、修改等功能按钮

1、tree 组件代码

 

    
        {{ node.label }}
        
        
    

2、方法

利用mouseenter和mouseenter动态改变新增的一个del字段就能控制隐藏显示了

mouseenter(data){
    this.$set(data, 'del', true)
},
mouseleave(data){
    this.$set(data, 'del', false)
}

3、样式