Skip to content

纸片组

v-chip-group 组件通过提供组内功能来扩展了 v-chip 组件。通常被用来构建纸片组件组成的选择组件。

使用

纸片组使用户能够轻松选择更复杂的实现中的过滤选项。默认情况下,v-chip-group 会向右溢出,但可以更改为仅列模式。

API

组件描述
v-chip-group主要组件

示例

属性

使用 column 属性的纸片组可以包装它们的纸片。

过滤结果

可以通过增加 filter 属性的方式,创建可以提供额外选中效果的纸片组。这个属性会在选中的纸片上添加可见的效果,来表明这个纸片被选中了。

必填项

具有 mandatory 属性的纸片组必须至少有一个纸片被选中。

多选

具有 multiple 属性的纸片组可以选择多个值。

杂项

产品卡

v-chip 组件可有 value 作为其特定的值,将它用作父组件 v-chip-group 的 v-model 值。这在你不想使用它的纸片的序号作为它的值时很有用。

刷牙卡片

纸片组允许创建自定义接口,这些接口执行与项组或单选控件相同的操作,但在风格上有所不同。

风格类别

使用实用类和表情符号的组合来创建类似 Reddit 风格的类别选择。