Skip to content
On this page

Descriptions 描述列表 ​

Element Plus 描述组件文档

Hidden Title ​

基础用法 ​

通常用法 ​

每行展示多少项 ​

垂直列表 ​

slot插槽 ​

自定义样式 ​

API ​

属性名说明类型默认值
options描述项配置列表ItemOptions[]-
column一行展示的描述项数量number3
labelWidthlabel 宽度,传 auto 时会按最长 label 自动计算string / numberauto
showAll是否完整展示文本;为 false 时通过 o-tooltip 省略展示booleanfalse

ItemOptions ​

属性名说明类型默认值
label标签文本string-
value内容值any-
labelSlot自定义 label 插槽名string-
valueSlot自定义 value 插槽名string-
labelRender自定义 label 渲染函数(item) => VNode | string-
render自定义 value 渲染函数(item) => VNode | string-
filter内容值格式化函数(value) => any-
attrs透传给 el-descriptions-item 的属性object-
labelAttrs透传给 label 内部 o-tooltip 的属性object-
valueAttrs透传给 value 内部 o-tooltip 的属性object-

插槽 ​

插槽名说明插槽参数
default自定义完整描述内容,会覆盖 options 渲染-
labelSlot 对应名称自定义某一项 label{ item, label, value, index }
valueSlot 对应名称自定义某一项 value{ item, label, value, index }

透传属性 ​

  • 组件默认开启 border,其他属性会继续透传给 Element Plus el-descriptions。