Проблема v-model и axios

Столкнулся с проблемой.

имеется инпут:

<input type='checkbox' :value='category.id' v-model='checkedCategories' @change='changeEvent' @click='filteredCategories(category.id)>

Дата:

data() {
 return {
  checkedCategories: []
 }    
}

JS:

  filteredCategories(item) {

  axios.get('/', {
    params: {
      page: 1,
      per_page: 20,
      part_category_tags: this.checkedCategories
    }
  })
    .then((response) => {
      this.$store.commit(
        'showFilteredCategories',
        response.data.items
      );
    });
  }

vuex

showFilteredCategories(state, payload) {
  state.filteredCategories = payload;
}

При запросе, отсылается только page и per_page, не записывая массив. (полагаю, из-за реактивность). Инпутов на странице много, если кликнуть по 2му, запрос отправляется с id первого кликнутого. (массив в axios как будто отстает на 1 шаг) Что нужно изменить/добавить?