javascript - 通过选中 vuetify 中的另一个复选框来禁用复选框

标签 javascript vue.js checkbox vuejs2 vuetify.js

所以我有几个复选框,其中两个应该像单选按钮一样工作,这意味着如果我点击一个,另一个应该被禁用,反之亦然(我知道我可以使用单选按钮来完成此操作,但我需要使用复选框)。最好的方法是什么?

这是我的这两个复选框的代码:

<v-checkbox label="Check1" value="Check1" v-model="Check1" ></v-checkbox>

<v-checkbox label="Check2" value="Check2" v-model="Check2" ></v-checkbox>

最佳答案

尝试处理@change事件,该事件将更新Check1Check2,如下所示:

  <v-checkbox label="Check1" value="Check1" v-model="Check1" @change="Check2=!Check1"></v-checkbox>

   <v-checkbox label="Check2" value="Check2" v-model="Check2" @change="Check1=!Check2"></v-checkbox>

你可以检查这个pen

关于javascript - 通过选中 vuetify 中的另一个复选框来禁用复选框,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/53733952/

相关文章:

javascript - 在 Vue 中使用带有嵌套组件的 v-model

javascript - 如何将多个检查值发送到数据库并将值附加到每个对象?

javascript - 我想在angular js的状态参数中设置复选框状态?

javascript - 更改超时时间

php - 表单在 div 中以空操作提交

javascript - Node.js 中父/子进程之间的顺序通信

javascript - VueJS Transition取决于链接是在导航栏中的当前链接之后还是之前

javascript - 如何使用 vuejs 绑定(bind)来自服务器的动态字段

Android jetpack compose Material 3 无法对齐复选框文本

javascript - 检查对象是否包含 TypeScript 中的字符串