vue.js - 如果满足某些条件，bootstrap-vue 复选框会阻止更改

Question

我正在使用 bootstrap-vue 包并有一个复选框，如下所示:

<b-form-checkbox v-model="isSelected"switch></b-form-checkbox>

我有数据属性

data(){
    isSelected: false
}

我想做的是让用户单击复选框，然后在更改选中的值之前通过调用方法执行某种验证。然后该方法可以防止值被改变。

我怎样才能做到这一点？

我试图将方法绑定(bind)到@change 事件，但是当我尝试设置 this.isSelected = false复选框值仍处于选中状态。

Answer 1

我终于使用 @click.native.prevent 实现了它