Tag 标签

对不同维度进行简单的标记和分类。

基本用法

简单的展示，添加属性可以关闭标签。

点击关闭标签时，会触发 on-close 事件，需自己实现关闭逻辑。

通过设置 type 属性为 border 或 dot 来选择不同的样式类型。建议有关闭的某些场景下使用 border，图例的场景下使用 dot。

<template>
    <Tag type="border">标签三</Tag>
    <Tag type="border" closable>标签四</Tag>
    <Tag type="dot">标签一</Tag>
    <Tag type="dot" closable>标签二</Tag>
</template>
    export default {
    }
</script>

各种颜色

多种预设颜色，可自定义颜色。

可选择

设置属性 checkable，可以对标签进行选择，属性 checked 控制当前选择状态。

<template>
    <Tag checkable color="primary">标签一</Tag>
    <Tag checkable color="error">标签三</Tag>
    <Tag checkable color="warning">标签四</Tag>
</template>
<script>
    }
</script>

动态添加和删除

用数组生成一组标签，可以动态添加和删除。

尺寸

^4.0.0 设置属性 size 可以显示不同尺寸的标签。

<template>
    <Tag>Default Tag</Tag>
    <Tag size="medium">Medium Tag</Tag>
    <Tag size="large">Large Tag</Tag>
</template>
<script>
    export default {

Tag events