[TOC] ## v-item-group - 可以綁定多個可用于點擊的主鍵,如 `v-chip`,`v-card` 等 - 相當于可以不用js 獲取點擊事件,傳遞給內部組件 - `v-item=v-slot`的槽類型有 `isSelected,selectedClass,select,value,disabled`,都可以傳遞給`v-item`包裹的組件 示例: v-chip ``` <v-item-group selected-class="bg-purple"> <v-item v-slot="{selectedClass,toggle}"> <v-chip :class="selectedClass" @click="toggle"> hello</v-chip> </v-item> <v-item v-slot="{selectedClass,toggle}"> <v-chip :class="selectedClass" @click="toggle"> world</v-chip> </v-item> <v-item v-slot="{selectedClass,toggle}"> <v-chip :class="selectedClass" @click="toggle"> world</v-chip> </v-item> </v-item-group> ``` 示例:v-card ``` <v-item-group selected-class="bg-purple"> <v-item v-slot="{selectedClass,toggle}"> <v-card :class="selectedClass" @click="toggle"> hello</v-card> </v-item> <v-item v-slot="{selectedClass,toggle}"> <v-card :class="selectedClass" @click="toggle"> world</v-card> </v-item> <v-item v-slot="{selectedClass,toggle}"> <v-card :class="selectedClass" @click="toggle"> world</v-card> </v-item> ```