Elementui tree实现鼠标移入显示新增按钮功能
Element tree组件鼠标移入显示新增等按钮功能的实现实现的方法很简单,但是方法可能看起来比较low,开始使用v-show来实现,方向鼠标移入所有节点的按钮都显示了,很显然不可行,所以我就换了实现方式,使用css3来实现,思路很简单,给父元素加上hover伪类,当鼠标移入父元素时给父元素下的按钮样式改成显示即可,话不多说直接上代码1.首先是结构代码,完全复制element tree中自定义节点内容中的代码,在el-tree下面的第一个span加了一个类名show-hide,然后把按钮外层的span
原创
2020-08-13 19:20:12 ·
3746 阅读 ·
1 评论