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 风格的类别选择。