Špatně počítat Vuejs $emit

Mám nadřazené součásti a dítě, předávání dat z dítěte na rodiče. A v nadřazené součásti chci, aby výstup na délku pole. Ale počítání pokazí, to začne teprve po 2. klepněte na tlačítko, a ne po 1 {{ checkedBrands.length }}

Rodič:

<v-search-bar @action='takeBrands'/>

data:

 checkedBrands: [],

vue:

takeBrands(data) {
  this.checkedBrands = data;
},

Dítě:

<label class='custom-checkbox'>
 <input type='checkbox' :value='item.title' v-model='checkedBrands'>
 <span @click='action'>{{ item.title }}</span>
</label>

action() {
  this.$emit('action', this.checkedBrands);
},

Co musím přidat/změnit?