Skip to content
广告位招租

优质广告位诚邀合作

本广告位曝光量正火速攀升,用户触达规模呈爆发式增长!现向品牌开放合作,趁曝光增长红利期,抓紧机会拿下,让您的品牌借势破圈!

--总浏览量(次)
--总计访客(人)

descriptions

descriptions栏组件,默认情况下使用dict-descriptions使用,如果字典包配置中有配置componentsPreFix字段,请根据此字段的具体配置值进行前缀修改,如配置了componentsPreFixBu, 则使用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 组件的属性。

属性类型说明默认值
modelValuestring,number按钮绑定的字典值,必传 dictType没值时value就是button的text值“”
maskString,Object脱敏类型,字符串类型时为脱敏类型,详细阅读desensitization第二个参数配置""
dateFormatString日期格式化类型,详细阅读formatDate第二个参数配置“”
dictTypestring按钮的字典类型,非必传“”
dictTypeNodeString字典值标签(树形字典无效),可选值 buttontagtextlink""
dictOptionsObject配置dictType时,当配置dictTypeNode时,可配置对应antdv组件库中buttontag的属性,字典方法转化配置,详细阅读getLabelByCodes第三个配置参数。
当配置dictTreeType时,字典方法转化配置,详细阅读getTreeLabelByCodes第三个配置参数。
{}
dictTreeTypeString树形字典类型""
defaultValstring有配置dictType时且value匹配不到对应字典值,默认为nullnull
emptyTextstring有配置dictTypevalue没值时的替换显示值,默认为----

defaultValemptyText的详细规则如下

js
String(defaultVal ?? (value === 0 ? 0 : value || emptyText))

注意

配置defaultVal后,当匹配不到对应字典时一定显示 defaultVal。 未配置defaultVal且匹配不到对应字典时,value有值显示value值 没值显示 emptyText

dictType > dictTreeType > dateFormat > mask > defaultVal > emptyText

微信公众号【爆米花小布】

0%

置顶

置顶