Ztree是比较常用的树图组件，Ztree支持拖拽以及基本的增删改查节点操作，当鼠标移动到ztree的节点时，会在节点后面出现修改、删除的操作，其自带的这种操作不太易于扩展，如果根据不同的节点类型进行不同的操作可能不太方便，而且其图表的样式不太容易修改。本文介绍了自定义修改、删除操作的过程。
方法/步骤
1
首先我们在属性配置文件中addHoverDom，removeHoverDom指向自定义的函数，如下图所示。
2
addHoverDom为鼠标移动到节点的操作，这里我们获取节点信息，根据节点的属性，动态添加字体图标元素，这里用属性type进行判断，根节点是root，叶子节点是obj。根节点只可以增加，叶子节点只能修改、删除等。
3
注意不同的字体图标元素我们配置不同的id值，然后根据id值进行不同的操作，比如增加、修改、删除等。
4
如果采用这种方式的话，点击相应的字体图表会同时调用节点的点击事件方法，因此需要在节点的点击事件中进行相应的处理。
5
当鼠标移出所选的节点时，我们调用removeHoverDom方法即可，该函数主要是将添加的字体元素删除。
6
这里的节点也是使用了字体图标，这样的话能够很方便的修改样式来达到目的，这样就能自定义增删改查组件了。
上一篇：日本涩谷GAL系画法
下一篇：黑底黄字p站全称