我对 b-form-checkbox 和 b-form-checkbox-group 有疑问。当我使用 @click.native 时，我调用的方法执行了两次。此外，如果我将选择的(数组)值直接写入 DOM {{selected}}，我会在数组中看到正确的元素。但是，如果我在 @click.native 上调用的方法中 console.log my 选择的数组，当单击复选框时，它是空的。当我再次单击该复选框(因此它未被选中)时，我的 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 中，它显示正确，但在我的方法中，所选数组被反转。
我为它创建了一个 fiddle 。 https://jsfiddle.net/y998pLya/5/
谢谢。
最佳答案
您可以使用 @input 而不是 @click.native
https://jsfiddle.net/y998pLya/7/
关于javascript - Bootstrap-Vue : @click. native 在 <b-form-checkbox> 上表现得很奇怪，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/46927209/