el-tabs 搭配 el-badge微章使用

实现效果

 实现: 

<el-tabs v-model="activeName" class="demo-tabs" @tab-click="handleClick">
        <el-tab-pane label="审批中" name="inProcess">
          <InProcess />
        </el-tab-pane>
        <el-tab-pane label="审批被驳回" name="turnDown">
          <template #label>
            <el-badge :value="200" :max="99">
              <span>审批被驳回</span>
            </el-badge>
          </template>
          <TurnDown />
        </el-tab-pane>
        <el-tab-pane label="审批通过" name="pass">
          <Pass />
        </el-tab-pane>
        <el-tab-pane label="我撤销的" name="cancel">
          <Cancel />
        </el-tab-pane>
      </el-tabs>

 

posted @ 2024-09-19 16:32  龙卷风吹毁停车场  阅读(237)  评论(0)    收藏  举报