如何隐藏列表中的所有内容，然后显示已过滤的项目

Question

我正在使用计算函数使用vue here做一个过滤列表

filteredList() {
   return this.list.filter((item) => {
     if(!this.currentCategory) return true;
     return item.categories.indexOf(this.currentCategory) != -1;
  })
}

现在的动画非常聪明，不会为未更改的项目设置动画，甚至不会为移动列表的位置设置动画。

但是我只想简单地淡入淡出然后淡入所选数据。

这是可能的吗？