Appearance
tag
标签组件,默认情况下使用dict-tag使用, 如果字典包配置中有配置componentsPreFix字段,请根据此字段的具体配置值进行前缀修改,如配置了componentsPreFix为Bu, 则使用bu-tag使用。
复制成功

组件结构
组件封装结构如下
vue
<a-tag ref="AntdvTagRef"></a-tag>js
const AntdvTagRef = ref(null)
const getAntdvTagRef = () => {
return AntdvTagRef.value
}
defineExpose({ getAntdvTagRef })属性
继承a-tag组件的所有属性、事件和插槽,以及新增的下列几个属性
| 属性 | 类型 | 说明 | 默认值 |
|---|---|---|---|
value | string,number | 按钮绑定的字典值,必传,dictType没值时value值就是tag标签值 | “” |
dictType | string | 按钮的字典类型,非必传 | “” |
judgeColorFun(value) | function | 根据value返回对应的color函数 | 无 |
judgeDisabledFun(value) | function | 根据value返回对应的disabled函数 | 无 |
defaultVal | string | 有配置dictType时且value匹配不到对应字典值,默认为null | null |
emptyText | string | 有配置dictType时value没值时的替换显示值,默认为-- | -- |
defaultVal和emptyText的详细规则如下
js
String(defaultVal ?? (value === 0 ? 0 : value || emptyText))注意
配置defaultVal后,当匹配不到对应字典时一定显示 defaultVal。 未配置defaultVal且匹配不到对应字典时,value有值显示value值 没值显示 emptyText
color优先级:judgeColorFun>color>字典值对应数据自带的color属性
disabled优先级:judgeDisabledFun>字典值对应数据自带的disabled属性(为false时忽略)>disabled

