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官方文档
版权声明:本文为guojin1212原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。