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