（Vue.JS）从Vue树对象中删除项目

Question

我有帖子的树对象：

{'id': 1,
 'body': 'test1',
 'child': {
      'id': 2,
      'body': 'test2',
      'child': {
          'id': 3,
          'body': 'test2',
         }
     }
}

如何删除具有丢失结构的特定ID的项目及其子项？

我正在使用Vue.JS并获得了这个递归函数，但仅适用于setTimeout函数的情况：

remove(index) {
     let result = this.filter(this.posts, index);
     this.posts = [];
     setTimeout(() => {
         this.posts = result;
     }, 3000);
},

filter(data, id) {
     var result = data.filter(o => {
     if (o.child) o.child = this.filter(o.child, id);
         return o.id != id;
     })
     return result;

},

没有setTimemout VueJS不会重新渲染已过滤的数组。我做错了什么？