Steps 组件

Steps 组件显示带有编号步骤和连接线的工作流程或过程。

基本用法

<Steps :steps="[
  { title: '步骤 1', description: '第一步说明' },
  { title: '步骤 2', description: '第二步说明' },
  { title: '步骤 3', description: '第三步说明' }
]" />

或使用语法糖：

:::steps{:steps='[{"title":"步骤 1","description":"说明"}]' :activeStep="1"}:::

示例

研究工作流程

<Steps :steps="[
  { title: '数据收集', description: '收集并预处理数据集' },
  { title: '模型设计', description: '设计高效的架构' },
  { title: '训练', description: '使用优化的流程训练' },
  { title: '评估', description: '与基线进行对比' }
]" :activeStep="2" />

简单步骤

<Steps :steps="[
  { title: '引言' },
  { title: '方法' },
  { title: '结果' },
  { title: '结论' }
]" />

属性

属性	类型	默认值	描述
steps	Array<{title: string, description?: string}>	[]	步骤对象数组
activeStep	number	-1	当前激活的步骤索引（从 0 开始），-1 表示无