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

Question

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

Answer 1

我有一个类似的问题，我想从 v-treeview 中删除事件项目。
我使用逻辑删除，所以我的代码如下所示。这不需要手动刷新 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);
      });
    },