html:
<div id="myDiagram"></div>
js:
var $ = go.GraphObject.make;
// 省略......
vue = new Vue({
el: "#app",
data() {
return {
diagram:{},
//数据
busbreakers: [],
lines: [],
}
},
methods: {
draw(){
// 指定对应的div中的id
this.diagram = $(go.Diagram, "myDiagram", {
// 省略......
}),
afresh(){
// 清空当前画布
this.diagram.div = null;
// 数据清空一次
this.busbreakers = [];
this.lines = [];
// 调用函数,再渲染一次
this.draw();
},
},
created() {
this.draw();
},
mounted(){
setTimeout(() => {
this.afresh()
},1000)
}