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

Question

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

Answer 1

可以通过具名 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>

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

Answer 2

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