element tabs label 插槽

最新推荐文章于 2024-09-06 14:22:25 发布

爱吃爱喝爱玩儿乐

最新推荐文章于 2024-09-06 14:22:25 发布

阅读量3.9k

点赞数 2

分类专栏： ElementUI 文章标签： vue.js

本文链接：https://blog.csdn.net/ms_alinda/article/details/117747891

版权

ElementUI 专栏收录该内容

6 篇文章 0 订阅

订阅专栏

遇到了个需求是要实现 tabs label 当值大于阈值的时候用红色显示，查看文档没有看到方法，没想到插槽试了下居然可行～～

<el-tabs v-model="activeName" type="card" @tab-click="handleClick">
   <el-tab-pane  name="">
      <div slot="label">全部 <span :style="{color: num > 10 ? 'red' : ''}">(123)</span></div>
   </el-tab-pane>
   <el-tab-pane label="配置管理" name="second"></el-tab-pane>
   <el-tab-pane label="角色管理" name="third"></el-tab-pane>
   <el-tab-pane label="定时任务补偿" name="fourth"></el-tab-pane>
</el-tabs>