How to delete a node? about vue-draggable-nested-tree HOT 4 CLOSED

@alucidwolf yes! Simple:

<draggable-tree :data="steps" draggable="draggable">
    <div class="step" slot-scope="{data, store}">
        <template>
            <a class="delete-trigger" href="#" @click.prevent="deleteStep(data)">Deletar</a>
        </template>
    </div>
</draggable-tree>

Inside methods:

deleteStep(step) {
    step._vm.store.deleteNode(step)
}

from vue-draggable-nested-tree.

@caiokawasaki did you figure this out?

from vue-draggable-nested-tree.

@caiokawasaki Sweet! Thank you. I am using a Vuex store to render the data in a computed property, so once I remove the node, I call getPureData() and pass the new tree to a mutation to update the store.

<Tree :data="treeData" draggable="draggable">
  <div slot-scope="{data, store}">
    <div :class="data.children.length > 0 ? 'show-handle' : ''" v-if="!data.isDragPlaceHolder">
      <span @click="test(data, store)" class="icon-trash-alt"></span>
    </div>
  </div>
</Tree>

Method:

test(data, store) {
  store.deleteNode(data);

  let newData = store.getPureData();

  this.$store.commit("nestedDataTest/updateTree", [data]);
}

I am wondering if maybe I do not need to pass store down to the method just to access the getPureData() function on it. Will most likely move these into an action the delete and getPureData() then pass along the final object to a mutation.

Are you familiar with Vuex and have input on that? If not it's OK, you have helped me move forward already. Thanks again!

from vue-draggable-nested-tree.

@alucidwolf I did not store the tree in the Vuex of my application... Sorry, I do not know how to help you = /

from vue-draggable-nested-tree.