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官方文档