错误计数 Vuejs $emit

Question

我有 parent 组件和 child，将数据从 child 传递到 parent。在 parent 组件中，我想输出数组的长度。但是计数出错了，它只在第 2 次点击之后开始，而不是在第 1 次之后 {{ checkedBrands.length }}

Parent:

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

数据：

 checkedBrands: [],

vue:

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

Child:

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

我需要什么add/change？

Answer 1

我解决了这个问题。您只需在组件中使用 'updated' 挂钩。

错误计数 Vuejs $emit

Wrong count Vuejs $emit

vue.js

vue-component

vuejs2