javascript - Vuetify テーブルの @toggle-select-all イベントが何らかの理由で 2 回発生する

Question

Vuetify v-data-table コンポーネントですべての (フィルタリングされた) アイテムを選択して選択解除しようとしています。

           <v-data-table
                v-model='selected'
                ref='table'
                :headers='headers'
                :items='results'
                :expanded.sync='expanded'
                @update:expanded='(item) => {
                    intraTableDialog = true;
                }'
                :item-key='searchModule.uniqueItemKey'
                :show-expand='expandableDataCheck'
                @click:row='(item, slot) => {
                    slot.isExpanded ? intraTableDialog = false : intraTableDialog = true;
                    slot.expand(!slot.isExpanded);
                    intraTableDialog = true;
                }'
                @toggle-select-all="() => {
                    if (selected == $refs.table.$children[0].filteredItems) {
                        selected = [];
                    } else {
                        selected = $refs.table.$children[0].filteredItems;
                    }
                }"
                @pagination='getNumberOfFilteredResults'
                :footer-props="{ 'items-per-page-options': [15, 50, 100, 500, -1] }"
                height='750'
                fixed-header
                :items-per-page='500'
                :single-expand='true'
                show-select
                dense
                :search="generalSearch"
            >

このイベントは v-data-table のヘッダーのチェックボックスにバインドされているため、クリックするとこのメソッドが起動しますが、何らかの理由で 2 回起動します。技術的には、すべての選択を解除したい場合は2回クリックする必要があることを除いて、私がやりたいことを行います。最後に「.stop」修飾子を追加しても機能しません。

どんな助けでも大歓迎