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>
我的filtertable只是一个console.log
filterTable(){
console.log(this.selected);
}
如果我使用@ mouseup.native,则只调用一次filterTable。但是,所选阵列的行为相同。在DOM中它显示正确,但在我的方法中,所选数组被反转。
我为它创造了一个小提琴。 https://jsfiddle.net/y998pLya/5/
谢谢。