gojs数据重新渲染

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)
     }
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值