错误计数Vuejs $emit

Question

我有父组件和子组件，将数据从子组件传递给父组件。在父组件中，我希望输出数组的长度。但是计数出错了，它只是在第二次点击之后才开始，而不是在第一次{{ checkedBrands.length }}之后开始。

父母：

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

数据：

 checkedBrands: [],

vue：

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

儿童：

<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);
},

我需要加/改什么？

Answer 1

我解决了问题。您只需在组件中使用“更新”钩子即可。