el-badge标记；el-tabs配合el-badge提示数字

标签选项卡配个标记数字提示
注意：el-tabs可以通过具名 slot 来实现选项卡的内容

<template>
  <div>
    <el-tabs v-model="tabValue">
      <el-tab-pane label="全部" name="1"></el-tab-pane>
      <el-tab-pane label="出单失败" name="8">
        <span slot="label">出单失败
        
          <el-badge :value="num" class="item" type="danger">
          </el-badge>
          
        </span>
      </el-tab-pane>
    </el-tabs>
  </div>
</template>

<script>
export default {
  data () {
    return {
      tabValue: '1',
      num: 10
    }
  },
}
</script>

<style>
</style>