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

    显示代码

    可移除标签

    Tag 标签 - 图2

    设置closable属性可以定义一个标签是否可移除。默认的标签移除时会附带渐变动画,如果不想使用,可以设置disable-transitions属性,它接受一个Boolean,true 为关闭。

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

    显示代码

    不同尺寸

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

    Tag 标签 - 图4

    显示代码

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

    通过设置effect属性来改变主题,默认为 light

    显示代码

    Attributes

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