<v-data-table> 中的自定义排序保持循环

Question

我有一张桌子，我做了一个custom-sort，但由于某种原因，该方法停留在一个循环中。

<v-card>
      <v-toolbar flat>
        <v-toolbar-title>{{ $t('locations.list.title') }}</v-toolbar-title>
        <v-divider class="mx-4" inset vertical></v-divider>
        <div>
          <v-text-field
            append-icon="fa fa-search"
            v-model="params.query"
            :label="$t('locations.labels.search')"
            :disabled="isLoading"
            single-line
            hide-details
            v-debounce:1500="search"
          ></v-text-field>
        </div>
        <v-spacer></v-spacer>
        <v-btn color="primary" :to="{ name: 'locations:create' }">
          {{ $t('locations.labels.add') }}
          <v-icon right>fa fa-plus</v-icon>
        </v-btn>
      </v-toolbar>
      <v-data-table
        :headers="headers"
        :items="locations"
        :page.sync="pagination.current_page"
        :items-per-page="pagination.per_page"
        :loading="isLoading"
        hide-default-footer
        :multi-sort="true"
        :custom-sort="customSort"
        @page-count="pageCount = $event"
      >
        <template v-slot:item.actions="{ item }">
          <v-btn icon :to="{ name: 'locations:edit', params: { id: item.id } }">
            <v-icon>fa fa-edit</v-icon>
          </v-btn>
          <v-btn icon @click="requestDeleteConfirmation(item)">
            <v-icon>fa fa-trash</v-icon>
          </v-btn>
        </template>
      </v-data-table>
      <v-pagination
        v-model="pagination.current_page"
        :length="pagination.last_page"
        @input="search"
      ></v-pagination>
    </v-card>

这是我的排序方法：

customSort(items, index, isDesc) {
    if (index[0]) {
        const $sort = index
            .reduce((carry, item, index) => {
                const name = item;
                const order = isDesc[index] ? 'ASC' : 'DESC';
                const sort = `${name}:${order}`;
                carry.push(sort);
                return carry;
            }, [])
            .join(',');
        this.params = { ...this.params, $sort };
        console.log('[carry]', $sort);
        this.search();
    } else {
        this.$delete(this.params, '$sort');
    }
    return items;
},

Answer 1

我怀疑customSort() 触发search() 和search() 触发customSort() 存在循环问题。

如果不是，我的下一个猜测是它与v-data-table 有关。您能给我们提供有关该组件的更多信息吗？是来自图书馆还是你自己写的？