效果图
代码
<template>
<div>
<el-tabs v-model="activeName" @tab-click="handleClick">
<el-tab-pane label="我的流程" name="myFlow">
<div>我的流程</div>
</el-tab-pane>
<el-tab-pane name="aprovaling">
<span slot="label">
待审批
<el-badge :value='waitNumber' :max="9999"></el-badge>
</span>
<div>待审批</div>
</el-tab-pane>
<el-tab-pane label="已审批" name="aprovalEnd">
<div>已审批</div>
</el-tab-pane>
<el-tab-pane name="workNotice">
<span slot="label">
工作通知
<el-badge :value='workNumber' :max="9999"></el-badge>
</span>
<div>工作通知</div>
</el-tab-pane>
</el-tabs>
</div>
</template>
<script>
export default {
data(){
return {
activeName: "myFlow",
waitNumber:0,//待审批数量
workNumber:0,//工作通知数量
}
}
}
</script>