【gojs】Invalid div id； div already has a Diagram associated with it

原创于 2023-12-18 14:50:09 发布

· 641 阅读

3 ·

版权

文章标签：

#javascript #前端

文章讲述了在使用GoJS库时，如何解决在刷新图表时控制台报错的问题，关键在于在重新渲染Diagram之前先将`myDiagram.div`设为null以清除旧的DOM元素。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

刷新gojs，控制台报错

在这里插入图片描述

<div id="myDiagramDiv"></div>

import go from "gojs";
data() {
	return {
		myDiagram: null,
	}
},
mounted() {
	this.drawTopo();
},
method() {
	drawTopo() {
		const $ = go.GraphObject.make;
		this.myDiagram = $(go.Diagram, "myDiagramDiv");
		.......
		.......
	}
}

解决方法：`this.myDiagram.div = null;`

drawTopo() {
	const $ = go.GraphObject.make;
	if (this.myDiagram) {
		this.myDiagram.div = null; // 重新渲染时需清空div
	}
	this.myDiagram = $(go.Diagram, "myDiagramDiv");
	.......
	.......
}