Tag 标签
用于标记和选择。
基础用法
可移除标签
动态编辑标签
动态编辑标签可以通过点击标签关闭按钮后触发的 close 事件来实现。
不同尺寸
Tag 组件提供除了默认值以外的三种尺寸，可以在不同场景下选择合适的按钮尺寸。
主题
Tag 组件提供了三个不同的主题：dark、light 和 plain。
圆形标签
Tag 可以向按钮组件一样变为完全圆形。
可选中的标签
有时候因为业务需求，我们可能会需要用到类似复选框的标签，但是按钮式的复选框的样式又不满足需求，此时我们就可以用到 check-tag组件。 您可以在^(2.5.4)中使用 type 属性。
Tag API
Tag Attributes
| 属性名 | 说明 | 类型 | 默认 |
|---|---|---|---|
| type | Tag 的类型 | enum 'primary' | 'success' | 'info' | 'warning' | 'danger' | primary |
| closable | 是否可关闭 | boolean | false |
| color | 背景色 | string | — |
| size | Tag 的尺寸 | enum 'large' | 'default' | 'small' | — |
| round | Tag 是否为圆形 | boolean | false |
Tag Events
| 事件名 | 说明 | Type |
|---|---|---|
| click | 点击 Tag 时触发的事件 | Function (evt: MouseEvent) => void |
| close | 关闭 Tag 时触发的事件 | Function (evt: MouseEvent) => void |
Tag Slots
| 名称 | 说明 |
|---|---|
| default | 自定义默认内容 |