Bootstrap-Vue：<b-form-checkbox> 上的 @click.native 表现得很奇怪

Question

我对b-form-checkbox和有问题b-form-checkbox-group。当我使用时@click.native，我调用的方法会执行两次。此外，如果我将我选择的（数组）值直接写入 DOM {{selected}}，我会在数组中看到正确的元素。但是，如果我console.log my在调用的方法中选择了数组，则@click.native单击复选框时，它为空。当我再次单击该复选框时（因此未选中），我将console.log显示所选数组中的元素。

{{selected}}

<b-form-checkbox-group
stacked
:options="options"
v-model="selected"
@click.native ="filterTable"
></b-form-checkbox-group>

我的过滤表只是一个 console.log

filterTable(){
   console.log(this.selected);
}

如果我使用@mouseup.native filterTable 只调用一次。但是，所选数组的行为相同。在 DOM 中它显示正确，但在我的方法中，所选数组被反转。

我为它创建了一个小提琴。https://jsfiddle.net/y998pLya/5/

谢谢你。

Answer 1

您可以使用@input代替@click.native https://jsfiddle.net/y998pLya/7/