SuperAPI AI 工具集

el-steps

前端与建站

查看项目

更新于 10-15 23:32

技能介绍

用途: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。

限制:资料未提供安装命令、版本要求、代码示例以外的完整配置项细节、收费与平台信息,暂未提供。