排序对象数组后如何再次反向排序？

Question

我正在使用 v-for 做一个项目列表，并且对于每个属性，我试图通过升序和降序对它们进行排序。

事实是我触发了 v-btn 上的排序功能以按升序进行排序，但是当我再次单击时没有任何反应。当我再次点击它时，我想反转排序等等。

我目前对我的财产的处理方法是：

sortByScope()
      {
        this.alerts.sort(function(a, b){
            if(a.scope < b.scope){ return -1 }
            if(a.scope > b.scope){ return 1 }
            return 0
        })
      },

你有什么想法吗？

感谢您的关注

Answer 1

如果我正确理解您的问题，您希望您的按钮根据列的当前排序进行升序或降序排序。您可以通过使用切换标志来做到这一点：

sortByScope() {
  this.alerts.sort(function (a, b) {
    return this.sortScopeToggle
      ? a - b
      : b - a;
  });
  this.sortScopeToggle = !this.sortScopeToggle;
}

其中sortScopeToggle 是一个跟踪排序顺序的布尔值，基于此布尔值，ternary operation 返回排序算法。