我的Vue+Vuetify项目中有一组复选框.我想用Vuetify的"Validation with submit & clear"验证是否至少选中了一个复选框.
验证无线电组很容易,通过对无线电组应用规则,它可以正常工作:
<v-radio-group v-model="radio" required :rules="radioRules" row>
<v-radio label="A" value="a"></v-radio>
<v-radio label="B" value="b"></v-radio>
<v-radio label="C" value="c"></v-radio>
</v-radio-group>
Problem:
不幸的是,对于复选框,我找不到像v-checkbox-group
这样的组选项,因此我的复选框如下所示:
<v-checkbox class="pr-6" v-model="selected" label="A" value="a"></v-checkbox>
<v-checkbox class="pr-6" v-model="selected" label="B" value="b"></v-checkbox>
<v-checkbox class="pr-6" v-model="selected" label="C" value="c"></v-checkbox>
Question:
如何对复选框应用规则,以验证至少选中了一个复选框,即this.selected.length > 0
?
谢谢你的帮助!