Vuetify v-treeview 不删除节点

Question

我是 vuejs 和 vuetify 的初学者，我尝试在树视图中添加和删除节点。

当我执行 .push(item) 时，树视图会更新，但是当我从数组中删除项目时，树视图不会更新。

这是我的代码示例

我的树视图

  <v-treeview
    [...]
    :items="formatedItems"
    item-key="slug"
    [...]
  >
      [...]
  </v-treeview>

formatedItems 在数据中声明如下：

data: () => ({
  [...]
  formatedItems: [{
    id: 0,
    slug: null,
    name: i18n.t(****),
    children: []
  }]
  [...]
}),

此代码在我的树视图中正确添加了一个 child :

this.formatedItems[0].children.push({
    id: element.id,
    slug: element.slug,
    name: element.name,
    children: []
});

另一方面，此代码从我的数组中删除项目但不更新树视图：

_.remove(this.formatedItems[0].children, function(n) {
  return n.slug == element.slug;
});

this.formatedItems = this.formatedItems; // I tried this to trigger a potential magical update of vuejs but nothing...

我不知道该尝试什么了，所以我来问你这个问题：

.push 是一个 build-in 函数并且知道我使用 lodash 函数进行删除，是不是我不明白使用 vuejs 导致我的树视图无法更新？

感谢您的关注

Answer 1

看起来是其他地方的问题。我试过一个基本的例子，一切正常。除了我使用过滤方法进行删除。 codepen.io/DavidGolodetsky/pen/eYZMbgm

Vuetify v-treeview 不删除节点

Vuetify v-treeview doesn't delete node

treeview

vue.js

vuejs2

vuetify.js

我的树视图

formatedItems 在数据中声明如下：

此代码在我的树视图中正确添加了一个 child :

另一方面，此代码从我的数组中删除项目但不更新树视图：