vue.js - 如何强制重新加载#vuetify #treeview 节点？

Question

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

Answer 1

我有一个类似的问题，我想从 v-treeview 中删除事件项目。
我使用逻辑删除，所以我的代码看起来像这样。这不需要手动刷新 TreeView 或任何奇怪的对象分配调用

当点击一个树节点时，它被放入 active[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);
      });
    },