Vuetify @toggle-select-all - clear checkbox on second click?

Question

Vue.js

There is a selectAllToggle method, which adds rows to the table that are ready to be sent, and blocks the rest.
The essence of my problem is this: I marked these lines with the first click, but I can’t figure out how to clear the table when I click the button again.

<v-data-table
        v-model="selectedDocs"
        v-if="edsList !== null"
        :headers="headers"
        :items="edsList"
        @click:row="showDetail"
        no-data-text="Нет документов"
        item-key="id"
        :server-items-length="totalDocuments"
        :loading="isLoading"
        :show-select="isSelect"
        class="main-table mt-4"
        :options.sync="options"
        hide-default-footer
        :page.sync="page"
        :items-per-page="itemsPerPage"
        @page-count="pageCount = $event"
        @toggle-select-all="selectAllToggle"
        :header-props="{
          'sort-icon':'mdi-swap-vertical'
        }"
      >
        <template v-slot:top>
          <span class="main-table__title">Результаты поиска</span>
        </template>
        <!-- eslint-disable-next-line -->
        <template v-slot:header.data-table-select="{props,on}">
          <v-simple-checkbox
            color="primary"
            v-ripple
            v-bind="props"
            v-on="on"
          ></v-simple-checkbox>
        </template>
        <!-- eslint-disable-next-line -->
        <template v-slot:item.data-table-select="{isSelected, select, item}">
          <v-simple-checkbox
            color="primary"
            v-ripple
            :value="isSelected"
            @input="select($event)"
            v-if="!checkStatusSendMix(item.tk) && checkStatusMix(item)"
          ></v-simple-checkbox>
          <v-simple-checkbox
            color="primary"
            disabled
            off-icon="mdi-close"
            v-else
          ></v-simple-checkbox>
        </template>

selectAllToggle(props) {
      if(this.selectedDocs.length != this.edsList.length - this.disabledCount) {
        this.selectedDocs = []
        props.items.forEach(item => {
          if(!this.checkStatusSendMix(item.tk) && this.checkStatusMix(item)) {
            this.selectedDocs.push(item)
            console.log('this.selectedDocs',this.selectedDocs)
          }
        })
      } else this.selectedDocs = []
    },

Answer 1

Counting the number of clicks is obvious.
If the first, highlight the ones you need.
If second, remove from table, reset counter to zero