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

Question

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

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 节点？

How to force a #vuetify #treeview node reload?

treeview

treenode

vue.js

vuetify.js