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

最新推荐文章于 2024-10-22 13:52:58 发布

原创最新推荐文章于 2024-10-22 13:52:58 发布 · 708 阅读

3 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #前端

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

刷新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");
	.......
	.......
}