如何给el-tab的el-tab-pane的label添加未读消息红点？

• Z时代
• 2024-03-05
• 分类：IT

如图，如何给el-tab的el-tab-pane的label添加未读消息红点或者是未读消息的数量。

回答：

可以通过具名 slot 来实现自定义标签页的内容

<el-tabs>
  <el-tab-pane>
    <span slot="label">
      <el-badge :value="12" class="item">
      <i class="el-icon-date"></i> 我的行程
      </el-badge>
    </span>
  </el-tab-pane>
</el-tabs>

显示不全是我环境的问题, 一般使用不会

回答：

使用插槽slot="label"可以自定义标签内容，demo

以上是 如何给el-tab的el-tab-pane的label添加未读消息红点？ 的全部内容， 来源链接： utcz.com/p/934887.html