How to insert nodes dynamically when a father node is clicked ?

[Wenzel]

Hi @David-Desmaisons ,

I was wondering how it could be possible to insert new nodes dynamically (fetched from an external resource, like a GraphQL endpoint), when the root node is being clicked.

So far, I tried the following:

    <tree :data="tree" node-text="name" class="tree" v-on:clicked="onClicked">
    </tree>

  methods: {
    onClicked: function (event) {
      alert('Bonjour ' + this.tree.name + ' !')
      var child = {
        name: 'child01'
      }
      event.data.children.push(child)
    }
  }

And the data is indeed updated:

And reflected on the Component tree attribute:

-> So Is it a simple refresh problem ? -> Can I use your component to insert dynamical data into it, or should i gather all the data from the beginning ?

Thanks David !

[Wenzel]

I find this similar issue in the closed ones: https://github.com/David-Desmaisons/Vue.D3.tree/issues/15

But i doesn't help me much here.

[David-Desmaisons]

Correct in version 3.6.0.