Question

我阅读了Vuetify的文档和论坛，但找不到如何取消选择所选v-chip的信息：

    <v-chip-group
       column
       active-class=""
    >
       <v-chip 
           class="chip"
           v-for="genre in genres"
           :key="genre" 
           @click="updateGenres(genre)">
           {{ genre }}
       </v-chip>
    </v-chip-group>

如何再次单击芯片本身或窗口的其他位置来取消选择它？

非常感谢您！

Answer 1

根据documentation v-chip-group具有名称为Mandatory的布尔属性，始终为

强制始终选择一个值（如果可用）。

默认为false，因此将您的v-chip-group更改为类似的

<v-chip-group
     :mandatory="mandatory"
     :column="column"
     active-class="primary--text">
     <!--Your chips goes here-->

在vue实例中更改props属性，如下所示

data: () => ({
    column: true,
    mandatory: false,
    multiple: true,

这里是Example

Vuetify取消选择v芯片

1 个答案: