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

组件
js
const ElDescriptionsRef = ref(null)
const ElDescriptionsItemRefs = ref([])
const getElDescriptionsRef = () => {
return ElDescriptionsRef.value
}
const getElDescriptionsItemRefs = () => {
return ElDescriptionsItemRefs.value
}
defineExpose({ getElDescriptionsRef, getElDescriptionsItemRefs })descriptions属性
继承el-descriptions组件的所有属性、事件、插槽
descriptionsItem属性
继承el-descriptions-item组件的所有属性、事件、插槽
如果每一项el-descriptions-item都具备的属性,可使用descriptions-item-属性配置el-descriptions-item组件的属性,如descriptions-item-label配置el-descriptions-item组件的label属性。
如果每一项a-descriptions-item都具备的事件,可使用@descriptions-item-事件配置el-descriptions-item组件的事件
list属性
组件新增一个属性list,用于描述列表,支持配置 a-descriptions-item 组件的属性。
| 属性 | 类型 | 说明 | 默认值 |
|---|---|---|---|
modelValue | string,number | 按钮绑定的字典值,必传 dictType没值时value就是button的text值 | “” |
mask | String,Object | 脱敏类型,字符串类型时为脱敏类型,详细阅读desensitization第二个参数配置 | "" |
dateFormat | String | 日期格式化类型,详细阅读formatDate第二个参数配置 | “” |
dictType | string | 按钮的字典类型,非必传 | “” |
dictTypeNode | String | 字典值标签(树形字典无效),可选值 button、tag、text、link | "" |
dictOptions | Object | 配置dictType时,当配置dictTypeNode时,可配置对应antdv组件库中button或tag的属性,字典方法转化配置,详细阅读getLabelByCodes第三个配置参数。当配置dictTreeType时,字典方法转化配置,详细阅读getTreeLabelByCodes第三个配置参数。 | {} |
dictTreeType | String | 树形字典类型 | "" |
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
dictType > dictTreeType > dateFormat > mask > defaultVal > emptyText

