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

时间:2017-10-25 08:10:28

标签: javascript checkbox bootstrap-4 vue.js

b-form-checkboxb-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>

我的filtertable只是一个console.log

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

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

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

谢谢。

1 个答案:

答案 0 :(得分:2)

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