性能优化-从排序需求来谈避免事件重复触发

需求背景

点击表头的排序字段图标，根据 sortField【排序字段】 和 sortOrder【排序方向】 两个字段来请求数据。

优化措施

当用户连续多次点击应付金额字段，以升序的方式对数据进行排序。在排序字段和排序方向没有发生变化的时候，页面是没有必要重新加载数据的。因此可以在请求数据之前先判断一下排序字段和排序方向是否发生变化。

  onSortChange({ sortField, sortOrder }) {
    if (this.sortField === sortField && this.sortOrder === sortOrder) {
      return;
    }
    ...
  }
复制代码