element Tabs标签页与Badge 标记结合
作者:
一觉睡到丶小时候 | 来源:发表于
2022-12-08 15:59 被阅读0次<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>
本文标题：element Tabs标签页与Badge 标记结合
本文链接：https://www.haomeiwen.com/subject/hhdafdtx.html
网友评论