之前只实现了对el-tree默认选中节点树形控件初步显示右键菜单今天对其进一步完善,主要实现如下功能:
1.查看element-ui的主调色及其他类似菜单的实现方式,将风格统一
通过监聽机制給当前文档document添加了一个click监听事件,但el-tree默认选中节点但后来发现在el-tree默认选中节点节点上,点击右键菜单出现此时再点击树上其他節点,发现菜单并未正确隐藏于是查看打印信息。点击右击事件时根本就不能在外层监听到click左键事件,menucHide并未被调用当然也就不能实現对右键菜单的隐藏!
3.右键菜单选项“增加”及“删除”功能的实现
**解决方法:**显然菜单是不能放至el-tree默认选中节點内层中的,于是放至外层但是很快发现,由于我们要获取每个节点信息放置外层后,获取每个节点的信息就是一个关键点
发现右鍵菜单的定位仍旧有问题,当滑动鼠标改变当前页面位置时再次于树节点上右键位置偏离的厉害,并不正确
查询事件中的鼠标定位:
根因找到,因此处理方法两种: