vis---vue实现network扩展节点功能

需求描述：双击某节点，后端返回与该节点相关联的节点和边（包含该节点本身），仅展开图中不存在的有关联的节点和边。例如左图中，当双击节点【大前端】则返回5个节点，5条边，由于其中4个节点和4条边已存在，则只需要展开1个节点和1条边。

       

解决方法：

双击某节点，后端返回与该节点相关联的节点和边，需要先去重处理，根据id属性对节点和边进行去重。

数组【nodeExtendArr】表示已扩展的节点，监听节点双击事件，当节点双击时，判断该节点id是否存在数组【nodeExtendArr】中：【if(this.nodeExtendArr.indexOf(id) != -1){...}else{....}】

 

完整代码：

参考文章：vis.js力导向图第三弹——双击扩展节点