Vuejs - 过滤器和排序，冲突？

Question

我注意到一个奇怪的问题。使用来自 Element UI 和 Vue2.js 的 table 组件 (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)
  },