element UI 自定义标签页

背景

https://cloud.tencent.com/developer/section/1489897

存在问题

标签页的label不能自定义，需要显示表单状态，但是做不到

解决方案

参考图片

<el-tabs type="border-card">
  <el-tab-pane>
    <span slot="label"><i class="el-icon-date"></i> 我的行程</span>
    我的行程
  </el-tab-pane>
  <el-tab-pane label="消息中心">消息中心</el-tab-pane>
  <el-tab-pane label="角色管理">角色管理</el-tab-pane>
  <el-tab-pane label="定时任务补偿">定时任务补偿</el-tab-pane>
</el-tabs>

项目代码:

<span slot="label">{{ room.roomName }}
    <svg-icon v-show="room.hasError" icon-class="icon-warning"/>
</span>