vue3 中使用内置的Tooltip无法消失 #5966

目前没有收到更多 Vue3 用户的类似反馈，建议先进行自查

This issue has been closed because it has been outdate for a long time. Please open a new issue if you still need help.

这个 issue 已经被关闭，因为 它已经过期很久了。 如果你仍然需要帮助，请创建一个新的 issue。

同样的问题，鼠标从节点移开，tooltip不关闭

同样的问题，vue3，G6 4.8.21， tooltip不会消失

ToolTip

tooltip: new G6.Tooltip({ // offsetX: 10, // offsetY: 20, getContent(e) { const outDiv = document.createElement("div"); outDiv.style.maxWidth = "150px"; outDiv.innerHTML = ’e.item.getModel().title‘; return outDiv; }, itemTypes: ["node"], }),

graph

this.graph = new G6.Graph({ container: this.containerId, data: value, layout: { type: "force", preventOverlap: true, nodeSize: 32, unitRadius: 100, linkDistance: 100, }, defaultNode: { labelCfg: { style: { fill: "#fff", fontSize: 12, lineWidth: 0, }, }, }, defaultEdge: { size: 1, style: {}, labelCfg: { label: { label: false, }, }, }, nodeStateStyles: { highlight: { opacity: 0.1, }, }, edgeStateStyles: { highlight: { opacity: 0.1, }, }, plugins: [this.tooltip], modes: { default: ["drag-canvas", "zoom-canvas", "drag-node"], }, });

效果

https://github.com/user-attachments/assets/cfe9b385-6703-4664-a2da-6f20b254fb49