Tag 标签

用于标记和选择。

基础用法

可移除标签

动态编辑标签

动态编辑标签可以通过点击标签关闭按钮后触发的 close 事件来实现。

不同尺寸

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

主题

Tag 组件提供了三个不同的主题：dark、light 和 plain。

圆形标签 > 2.1.7

Tag 可以向按钮组件一样变为完全圆形。

可选中的标签

有时候因为业务需求，我们可能会需要用到类似复选框的标签，但是按钮式的复选框的样式又不满足需求，此时我们就可以用到 check-tag组件。

Tag 属性

属性名说明类型可选值默认值
type类型stringsuccess/info/warning/danger—
closable是否可关闭boolean—false
disable-transitions是否禁用渐变动画boolean—false
hit是否有边框描边boolean—false
color背景色string——
size尺寸stringlarge / default /smalldefault
effect主题stringdark / light / plainlight
roundTag 是否为圆形boolean—false

Tag 事件

事件名说明参数
click点击 Tag 时触发的事件—
close关闭 Tag 时触发的事件—

Tag 插槽

名称说明
—自定义默认内容

CheckTag 属性

属性名说明类型可选值默认值
checked是否选中booleantrue/false—

CheckTag 事件

事件名说明参数
change点击 Check Tag 时触发的事件checked

CheckTag 插槽

名称说明
—自定义默认内容

源代码

组件 • 文档

贡献者