QChip 组件用于显示简短的信息片段,如标签、联系人等复杂底层数据的紧凑表示。
Chip 可以包含头像、文本或图标等元素,也可以配置为可点击、可关闭或可移除。
TIP
也可以看看 QBadge。
用法
带有 @click 监听器的 QChip 默认即为可点击(v2.29+):无需 clickable 属性,它就能获得悬停效果、键盘激活以及自身的 click 事件。只有在没有监听器、或需要通过一个布尔值来切换这一行为时,才显式设置 clickable;显式的 clickable="false" 会覆盖监听器带来的可点击效果。
无障碍访问 v2.25+
可点击的标签(通过 clickable 属性、@click 监听器或 selected model 数据)会将自身暴露为 role="button" 并可通过 Enter 或 Space 激活。只有由 selected model 数据驱动的标签会额外暴露 aria-pressed——普通的操作型标签不声明切换语义。禁用的标签保留其 role(通过 aria-disabled 播报为变暗状态)但会从 Tab 顺序中移除。
removable(可移除)标签的移除图标是一个独立的可键盘操作控件,其名称来自 Quasar 语言包 中本地化的"Remove"标签。该通用名称不会说明具体要移除什么,所以请为每个标签设置 remove-aria-label 来提供上下文——例如"移除标签:Vue"。