множественный выбор в флажок с щелчком + сдвиг в VUE

Question

Я использую Vuetable и показываю флажки в одном столбце как

<div slot="link-to-company" slot-scope="props">
  <input :value="props.rowData" type="checkbox" v-model="checkedIUsers" class="allCheckBoxes" />
</div>

и я добавил метод updated(),

enableGroupSelection( selector ) {
  let lastChecked = null;
  const checkboxes = Array.from( document.querySelectorAll( selector ) );

  checkboxes.forEach( checkbox => checkbox.addEventListener( 'click', event => {
    if ( !lastChecked ) {
      lastChecked = checkbox;

      return;
    }

    if ( event.shiftKey ) {
      const start = checkboxes.indexOf( checkbox );
      const end = checkboxes.indexOf( lastChecked );

      checkboxes
        .slice( Math.min( start, end ), Math.max( start, end ) + 1 )
        .forEach( checkbox => checkbox.checked = lastChecked.checked );
    }

    lastChecked = checkbox;
  } ) );
}

это тоже работает, но только на секунду.

когда я выбираю один флажок, а затем со сдвигом, я выбираю диапазон, все флажки проверяются, но в течение секунды этот диапазон также не проверяется. Я совершенно не знаю этой проблемы, почему это происходит? любая помощь будет благодарна.