Skip to page content

标签

QChip 组件用于显示简短的信息片段,如标签、联系人等复杂底层数据的紧凑表示。

Chip 可以包含头像、文本或图标等元素,也可以配置为可点击、可关闭或可移除。

TIP

也可以看看 QBadge

用法

无障碍访问
v2.25+

可点击的标签(通过 clickable 属性或 selected model 数据)会将自身暴露为 role="button" 并可通过 EnterSpace 激活。只有由 selected model 数据驱动的标签会额外暴露 aria-pressed——普通的操作型标签不声明切换语义。禁用的标签保留其 role(通过 aria-disabled 播报为变暗状态)但会从 Tab 顺序中移除。

removable(可移除)标签的移除图标是一个独立的可键盘操作控件,其名称来自 Quasar 语言包 中本地化的"Remove"标签。该通用名称不会说明具体要移除什么,所以请为每个标签设置 remove-aria-label 来提供上下文——例如"移除标签:Vue"。