Appearance
Tag 标签
用于标记和选择。
基础用法
由 type 属性来选择 tag 的类型,也可以通过 color 属性来自定义背景色。
可关闭
Tag 组件提供 closable 属性。
不同尺寸
Tag 组件提供除了默认值以外的三种尺寸,可以在不同场景下选择合适的按钮尺寸。
不同主题
Tag 组件提供了三个不同的主题:dark、light 和 plain。
圆形 Tag
Tag 组件支持圆形 round 属性。
API
Tag Attributes
| 属性名 | 说明 | 类型 | 默认值 |
|---|---|---|---|
| type | 类型 | string | primary |
| closable | 是否可关闭 | boolean | false |
| disable-transitions | 是否禁用渐变动画 | boolean | false |
| hit | 是否有边框描边 | boolean | false |
| color | 背景色 | string | - |
| size | 尺寸 | string | default |
| effect | 主题 | string | light |
| round | 是否为圆形 | boolean | false |
Tag Events
| 事件名 | 说明 | 回调参数 |
|---|---|---|
| click | 点击 Tag 时触发 | event: MouseEvent |
| close | 关闭 Tag 时触发 | event: MouseEvent |
Tag Slots
| 插槽名 | 说明 |
|---|---|
| default | Tag 的内容 |