通过选中vuetify中的另一个复选框来禁用复选框 [英] Disabling a checkbox by checking another checkbox in vuetify

问题描述

所以我有几个复选框，其中两个应该像 radiobuttons 一样起作用，这意味着如果我单击一个，另一个应该被禁用，反之亦然（我知道我可以使用 radiobuttons 来做到这一点，但我需要使用复选框 ）。最好的方法是什么？

So I have several checkboxes and two of them should function like radiobuttons meaning that if I click on one, the other one should become disabled and vice versa (I know I can do it using radiobuttons but I need to use checkboxes). What's the best way to do it?

这是我的那两个复选框的代码：

Here is my code for those two checkboxes:

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

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

推荐答案

尝试处理 @ change 事件，它将更新 Check1 和 Check2 如下：

Try to handle the @change event which will update the Check1 and Check2 as follows :

  <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>

您可以检查笔

这篇关于通过选中vuetify中的另一个复选框来禁用复选框的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！