element步骤条当到达的步骤数字变成加载中的图标

您可以使用element-ui的el-steps组件中的slot来实现这个功能。具体步骤如下：

1. 在el-step组件中添加slot属性，并命名为icon。

2. 在icon slot中添加一个v-if指令，判断当前步骤是否处于加载中状态。如果是，就渲染一个loading图标。

3. 如果当前步骤不是加载中状态，就正常渲染数字。

以下是示例代码：

<el-steps :active="activeStep">
  <el-step title="Step 1" :icon="1">
    <template slot="icon">
      <i v-if="activeStep === 1">1</i>
      <i v-else-if="loadingStep === 1" class="el-icon-loading"></i>
      <i v-else></i>
    </template>
  </el-step>
  <el-step title="Step 2" :icon="2">
    <template slot="icon">
      <i v-if="activeStep === 2">2</i>
      <i v-else-if="loadingStep === 2" class="el-icon-loading"></i>
      <i v-else></i>
    </template>
  </el-step>
  <el-step title="Step 3" :icon="3">
    <template slot="icon">
      <i v-if="activeStep === 3">3</i>
      <i v-else-if="loadingStep === 3" class="el-icon-loading"></i>
      <i v-else></i>
    </template>
  </el-step>
</el-steps>

在上面的代码中，我们使用了两个变量：activeStep表示当前步骤的数字，loadingStep表示正在加载的步骤数字。在icon slot中，我们根据这两个变量的值来渲染不同的内容。如果当前步骤是加载中状态，就渲染一个loading图标；否则，就渲染数字。