[TOC]
对于功能⽐较多的操作，可以通过步骤条的⽅式引导⽤户操作，增强体验。 这⾥使⽤ Element 的 Steps 步骤条组件处理。 // Element 官⽅示例：Steps 步骤条 // - active 代表步骤进度，默认为 0 :active=“1” simple> title=“步骤 1” icon=“el-icon-edit”> title=“步骤 2” icon=“el-icon-upload”> title=“步骤 3” icon=“el-icon-picture”>

添加到 create.vue 的头部区域

将 active 动态绑定，以便在操作中更改步骤条进度。

// create.vue …

由于步骤条的每部分结构类似，建议将数据保存在 data 中，将结构更改为遍历创建⽅式。

// create.vue … :active=“activeStep” simple> v-for=“(item, i) in steps” :key=“item.id” :title=“item.title” :icon=“item.icon” > …