Tag 标签
标签组件用于展示可关闭、带颜色、带图标、带计数徽章等多样化的标签。
基础标签
vue
<TTag label="Tag 1" closable />带颜色
带图标
带计数徽章
TTagList 容器
API
TTag Props
| 属性 | 类型 | 默认值 | 说明 |
|---|---|---|---|
label | string | '' | 标签文本（也可通过默认 slot） |
color | BaseColor | — | 标签颜色 |
closable | boolean | false | 是否可关闭 |
disabled | boolean | false | 禁用状态 |
icon | Component | — | 图标组件 |
avatar | string | — | 头像图片 URL |
status | BaseColor | — | 状态点颜色 |
legend | BaseColor | — | 图例颜色 |
badge | string | number | — | 计数徽章 |
TTag Emits
| 事件 | 说明 |
|---|---|
close | 点击关闭按钮 |
TTagList Props
| 属性 | 类型 | 默认值 | 说明 |
|---|---|---|---|
options | TagOption[] | — | 标签选项数组 |
TTagList Emits
| 事件 | 参数 | 说明 |
|---|---|---|
close | (option, index) | 关闭标签 |
Slots
| 插槽 | 说明 |
|---|---|
default | 标签文本内容（TTag） / 自定义标签列表（TTagList） |