# Tag 标签
用于标记和选择。
# 基础样式
▼显示代码
# 带删除按钮的标签
▼显示代码
# 动态编辑标签
▼显示代码
# 不同尺寸
# 1、默认尺寸
▼显示代码
# 2、较小尺寸
▼显示代码
# 3、小尺寸
▼显示代码
# 不同主题
Tag 组件提供了三个不同的主题:dark、 plain和 light(默认light可不传)
▼显示代码
# 渲染方式
# 1、通过comp方式渲染
通过comp的方式的渲染, click和close仅支持传入字符串,且指向本窗口的全局函数
▼显示代码
# 2、通过对象渲染
通过new的方式的渲染, click和close除开支持传入字符串的全局函数,还支持function
▼显示代码
# 参数列表
参数 | 说明 | 类型 | 可选值 | 默认值 | |
---|---|---|---|---|---|
size | - | 尺寸 | string | small / mini | — |
closable | - | 是否可关闭 | boolean | true | false |
dynamicTags | - | 动态编辑 | boolean | true | false |
effect | - | 主题 | string | dark / plain / light | light |
tagsdata | label | 标签文字 | string | — | — |
type | 类型 | string | success/info/warning/danger | — |
# 事件列表
事件名称 | 说明 | 类型 |
---|---|---|
click | 点击 Tag 时触发的事件 | string / function(仅限new方式下有效) |
close | 关闭 Tag 时触发的事件 | string / function(仅限new方式下有效) |