Vuetify

商店

企业版

v-list-item-group 提供创建一组可选择的 v-list-item 的能力。v-list-item-group 组件利用其核心的 v-item-group 来为交互式列表提供一个简洁的接口。

默认情况下,v-list-item-group 操作类似于 v-item-group 。如果没有提供 value ,则该群组将基于其索引提供默认值。

从下面选择您想要的组件,并查看可用的属性、插槽、事件和函数。

下面是一些简单到复杂的例子。

您可以轻松地禁用选定的 v-list-items 的默认高亮度。这将为用户的选择创建一个较低的配置文件。

您可以一次选择多个项目。

必须至少选定一项。

您可以设置一个在选择项目时将添加的类。

使用默认插槽,可以访问项的内部状态并切换它。由于 active 属性是一个 _boolean_,我们使用复选框上的 true-value 属性将其状态绑定到 v-list-item

Caught a mistake or want to contribute to the documentation? Edit Layout on GitHub!