Skip to content

Tag 标签

用于标记和选择。

基础用法

type 属性来选择 tag 的类型,也可以通过 color 属性来自定义背景色。

可关闭

Tag 组件提供 closable 属性。

不同尺寸

Tag 组件提供除了默认值以外的三种尺寸,可以在不同场景下选择合适的按钮尺寸。

不同主题

Tag 组件提供了三个不同的主题:darklightplain

圆形 Tag

Tag 组件支持圆形 round 属性。

API

Tag Attributes

属性名说明类型默认值
type类型stringprimary
closable是否可关闭booleanfalse
disable-transitions是否禁用渐变动画booleanfalse
hit是否有边框描边booleanfalse
color背景色string-
size尺寸stringdefault
effect主题stringlight
round是否为圆形booleanfalse

Tag Events

事件名说明回调参数
click点击 Tag 时触发event: MouseEvent
close关闭 Tag 时触发event: MouseEvent

Tag Slots

插槽名说明
defaultTag 的内容