el-tabs 添加红点标记

2021年03月31日约 121 字预计阅读 1 分钟次阅读

1
2
3
4
5
6
7
8
9

<el-tabs >
    <el-tab-pane :key="item.name" v-for="(item,index) in editableTabs" :name= "item.name">
        <span slot="label">
        {{ item.title }}
        <el-badge v-if="is-dot" is-dot></el-badge>
    </span>
    </el-tab-pane>
</el-tabs >

tab组件嵌入el-badge时获取到了数值，但是el-badge现实的还是初始值，没有及时更新，点击tab页后，数值才更新。解决方法：在获取到num值之后，加上以下一行代码：

1
2

this.$children[0].$children[0].forceUpdate()

目录

el-tabs 添加红点标记