用途:el-steps 是 Element Plus 的步骤条组件,按照流程引导用户完成任务,适用于向导界面、流程工作流、步骤进度指示和多步表单。
主要能力:使用 el-steps 包裹多个 el-step,通过 active 指定当前激活步骤;可为当前步骤与已完成步骤分别设置 process-status、finish-status(可选 wait、process、finish、error、success);支持 align-center 居中标题与描述、simple 简洁主题、direction="vertical" 垂直排列,以及 space 控制间距。每个 el-step 支持 title、description、icon 和 status 属性,并提供 icon、title、description 三个插槽自定义内容。
基本用法:<el-steps :active="active" finish-status="success"> 内放置若干 <el-step title="Step 1" />,配合按钮切换 active 值推进步骤。其他示例包括带 description 的描述、:icon 自定义图标(如图标需从 @element-plus/icons-vue 引入)以及垂直与简洁模式。
最佳实践:用 active 跟踪当前步骤;宽度受限时使用 direction="vertical";需要极简界面时使用 simple。
限制:资料未提供安装命令、版本要求、代码示例以外的完整配置项细节、收费与平台信息,暂未提供。