Node structure does not update when the data is updated via code about vue.d3.tree HOT 1 OPEN

yes youre right. use :key for update your DOM whenever your state updated. your code should by s.t like this: <tree :key="counter" ref="tree" class="tree-class" :data="graph" v-model="pointer" node-text="name" layoutType="horizontal" :identifier="getId" @clickedText="onNodeTextClick" :zoomable="true" :marginX="0" :marginY="0"/>`

addCondition(data) {
          const newData = {
                name: "NewNode",
                id: this.indexCounter++,
                type: "newType",
                children: []
          }
          data.children.push(newData);
this.counter++
      }

from vue.d3.tree.