使用场景:用于标记事物的属性和纬度进行分类。
使用注意事项:
size 属性设置不同尺寸的
参数 | 说明 | 类型 | 默认值 |
---|---|---|---|
size | 标签的尺寸(large 尺寸为兼容表单场景 large = medium) 可选值: 'small', 'medium', 'large' | Enum | 'medium' |
type | 标签的类型 可选值: 'normal', 'primary' | Enum | 'normal' |
color | 标签颜色, 目前支持:blue、 green、 orange、red、 turquoise、 yellow 和 hex 颜色值 (color keywords 作为 Tag 组件的保留字,请勿直接使用 ), 1.19.0 以上版本生效 | String | - |
animation | 是否开启动效 | Boolean | false |
afterAppear | 标签出现动画结束后执行的回调 签名: Function() => void | Function | func.noop |
onClick | 点击回调 签名: Function() => void | Function | func.noop |
参数 | 说明 | 类型 | 默认值 |
---|---|---|---|
closeArea | closeable 标签的 onClose 响应区域, tag: 标签体, tail(默认): 关闭按钮 可选值: 'tag', 'tail' | Enum | - |
size | 标签的尺寸(large 尺寸为兼容表单场景 large = medium) 可选值: 'small', 'medium', 'large' | Enum | - |
onClose | 点击关闭按钮时的回调 签名: Function(from: String) => Boolean 参数: from: {String} 事件来源, tag: 标签体点击, tail: 关闭按钮点击 返回值: {Boolean} true则关闭, false阻止关闭 | Function | - |
afterClose | 标签关闭后执行的回调 签名: Function() => void | Function | - |
onClick | 点击回调 签名: Function() => void | Function | - |
参数 | 说明 | 类型 | 默认值 |
---|---|---|---|
checked | 标签是否被选中,受控用法 tag checked or not, a controlled way | Boolean | - |
defaultChecked | 标签是否默认被选中,非受控用法 tag checked or not by default, a uncontrolled way | Boolean | - |
onChange | 选中状态变化时触发的事件 签名: Function(checked: Boolean, e: Event) => void 参数: checked: {Boolean} 是否选中 e: {Event} Dom 事件对象 | Function | func.noop |
disabled | 标签是否被禁用 | Boolean | - |