男女做暖暖网站,温州seo,南江网站建设,为什么用开源建站在使用VUEVis.js做拓扑图#xff0c;利用鼠标悬浮放在图标展示设备信息时#xff0c;发现鼠标一放在图标上面时#xff0c;标题表会提前在放置的元素下显示#xff0c;鼠标再放到图标上去元素才会隐藏变成悬浮状态 解决方法#xff1a;
添加一个div元素#xff0c;设置v… 在使用VUEVis.js做拓扑图利用鼠标悬浮放在图标展示设备信息时发现鼠标一放在图标上面时标题表会提前在放置的元素下显示鼠标再放到图标上去元素才会隐藏变成悬浮状态 解决方法
添加一个div元素设置v-showfalse将作为悬浮窗的元素放进去因为v-show只是隐藏元素元素还在页面内而作为悬浮窗的元素通过this.$refs只会获取当前元素当元素被拿去作为悬浮窗是可以正常显示的。
元素代码 div v-showfalsediv reflldpTabletable classsl-show-tabletheadtrth colspan3{{ selectSwitch.host }}/th/trtrth本地端口/thth邻居端口/thth邻居地址/th/tr/theadtbodytr v-fornext in selectSwitch.nexts :keynext.remoteHosttd{{ next.loaclPort }}/tdtd{{ next.remotePort }}/tdtd{{ next.remoteHost }}/td/tr/tbody/table/div/div
Vis.js节点代码 let node {id: item.host,label: item.host (item.centre ? 核心 : ),title: this.$refs.lldpTable,shape: image,image: item.image,font: {color: #000000,},physics: false,x: item.x,y: item.y,}
Vis.js鼠标悬浮代码 //鼠标悬浮this.network.on(hoverNode, (e) {this.selectSwitch data.find(c c.host e.node)})
显示效果