element-plus的el-steps

el-steps 是 element-plus 中的一个组件，用于展示分步操作的进度。常用于引导用户完成某个复杂操作或者流程。el-steps 可以根据当前步骤的完成情况自动切换状态，同时也支持自定义每一步的图标、文字等信息。

如果要使用 el-steps，需要先安装 element-plus，并在需要使用的页面中引入相应的组件。接着，在模板中使用 el-steps 标签，并在其中添加若干 el-step 标签，每一个 el-step 标签代表一个步骤。可以通过 active 属性来指定当前处于哪一个步骤，也可以通过 icon 属性来自定义每一步的图标。

例如，下面的代码展示了如何使用 el-steps：

<template>
  <el-steps :active="currentStep">
    <el-step title="Step 1" description="Description of Step 1"></el-step>
    <el-step title="Step 2" description="Description of Step 2"></el-step>
    <el-step title="Step 3" description="Description of Step 3"></el-step>
    <el-step title="Step 4" description="Description of Step 4"></el-step>
  </el-steps>
</template>

<script>
import { ElSteps, ElStep } from 'element-plus';
export default {
  components: {
    ElSteps,
    ElStep
  },
  data() {
    return {
      currentStep: 1
    };
  }
};
</script>

在上面的代码中，我们使用了 el-steps 组件，并添加了 4 个 el-step 组件。通过 currentStep 属性来指定当前处于哪一个步骤。