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