Vuejs - 过滤和排序，冲突？

Question

我注意到一个奇怪的问题。使用table和Vue2.js中的Element UI组件（documentation）。

当我们对列进行排序时，似乎会删除过滤。

重现的步骤

1. 将要显示的项目数设置为2
2. 激活过滤器以仅显示标记Office
3. 点击name列进行排序。

预期结果

该表格按标记Office进行过滤，列name按字母顺序排序

实际结果

表格不再按标记Office 进行过滤，列name按字母顺序排序

您可以找到问题here

问题

发生了什么事？ 如何避免？

Answer 1

这可以解决问题

https://jsfiddle.net/yw18so9z/4/

 onSortChange(column){
    this.filter = this.filter.slice(0)
  },