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