博客

1.页面基础样式

 <el-steps direction="vertical" :active="4">
            <el-step
              v-for="(pre,index) in dataForm.processForm"
              :key="pre.step"
              class="stepSuc"
              style="line-height: 25px;"
              :title="'审批人'+(index+1)"
              :description="pre.Name +'（'+pre.depName+'【'+ pre.postName+'】）'"
              @click.native="modifyPostLevel(pre.step,pre.id)"
            />
          </el-steps>

active

设置当前激活步骤


@click.native

绑定步骤条的点击事件


:description

绑定步骤描述

2.js部分

 modifyPostLevel(step, id) {
      //dosomthing
    },

3.样式

.stepSuc :hover{
  cursor: pointer;//其他你想要的的css
}

看都看了，点个赞呗

参考：

element官方文档