Question

在＃vue.js项目中使用#vuetify #Treeview，没有关于如何重新加载已编辑节点或如何更新已删除节点的父节点的示例。有任何样本或帮助链接吗？

Answer 1

我有一个类似的问题，我想从v-treeview中删除活动项。
我使用逻辑删除，因此我的代码如下所示。这不需要手动刷新树视图或任何怪异的对象分配调用

在树节点上单击时，它会变为活动状态[0]

<v-btn @click="deleteNode()">delete</v-btn>

deleteNode() {
    if (confirm("Are you sure you want to delete this item?")) {
        this.active[0].status = "Deleted"; //flag as deleted
        this.active.splice(0, 1); //remove from active array
        this.removeDeleted(this, this.items); now remove it from the bound array
    }
}

removeDeleted(me, currentArray) {
      const delItems = [];
      currentArray.forEach(element => {
        if (element.status == "Deleted") {
          delItems.push(element);
        }
        if (
          element.children != undefined &&
          element.children != null &&
          element.children.length > 0
        ) {
          me.removeDeleted(me, element.children);
        }
      });
      delItems.forEach(item => {
        currentArray.splice(currentArray.indexOf(item), 1);
      });
    },

如何强制#vuetify #treeview节点重新加载？

1 个答案: