element Tabs标签页与Badge 标记结合
<template>
<el-tabs v-model="activeName" @tab-click="handleClick">
<el-tab-pane label="检查场所" name="first">检查场所</el-tab-pane>
<el-tab-pane label="发现问题" name="second">发现问题
<el-badge :value='33' :max="9999"></el-badge>
</el-tab-pane>
<el-tab-pane label="整改完成" name="third">整改完成</el-tab-pane>
</el-tabs>
</template>
<script>
export default {
data() {
return {
activeName: 'second'
};
},
methods: {
handleClick(tab, event) {
console.log(tab, event);
}
}
};
</script>
