element的步骤条动态显示箭头

要让element的步骤条动态显示箭头，可以通过以下步骤实现：

1. 在步骤条组件中设置arrow属性为always，这样箭头会一直显示。

2. 在每个步骤中设置status属性，用于动态控制箭头的显示状态。比如，当前步骤的status设置为process时，当前步骤和下一个步骤之间的箭头就会显示。

3. 如果需要在步骤条中添加自定义箭头，可以使用scoped slot来实现。具体方法是在步骤条组件中定义一个名为“arrow”的scoped slot，然后在template中使用slot-scope来获取箭头的状态并自定义箭头的样式。

下面是一个示例代码：

<template>
  <el-steps :active="active" arrow="always" align-center>
    <el-step title="Step 1" :status="getStepStatus(1)">
      <template slot="arrow">
        <i class="custom-arrow"></i>
      </template>
    </el-step>
    <el-step title="Step 2" :status="getStepStatus(2)">
      <template slot="arrow">
        <i class="custom-arrow"></i>
      </template>
    </el-step>
    <el-step title="Step 3" :status="getStepStatus(3)">
      <template slot="arrow">
        <i class="custom-arrow"></i>
      </template>
    </el-step>
  </el-steps>
</template>

<script>
export default {
  data() {
    return {
      active: 1
    };
  },
  methods: {
    getStepStatus(step) {
      return this.active > step ? "finish" : this.active === step ? "process" : "wait";
    }
  }
};
</script>

<style scoped>
.custom-arrow {
  border-top: 10px solid #999;
  border-right: 10px solid transparent;
  border-left: 10px solid transparent;
  width: 0;
  height: 0;
}
</style>

在上面的示例中，我们定义了一个自定义箭头样式，并在每个步骤中使用scoped slot来添加自定义箭头。getStepStatus方法用于动态控制箭头的状态。