javascript - 如何给el-tab的el-tab-pane的label添加未读消息红点？
如图，如何给el-tab的el-tab-pane的label添加未读消息红点或者是未读消息的数量。
共有2个答案
使用插槽slot="label"可以自定义标签内容，demo
可以通过具名 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>显示不全是我环境的问题, 一般使用不会
-
各位大佬，请伸出援手帮小弟看个问题。 问题描述：我在el-tab-pane里使用table组件时，表格数据滚动效果和页脚的工具栏样式都出现了bug，在其他页面使用table组件不会出现这种情况，通过调试工具调了好久调不到理想情况。 index.vue、infoTable.vue table.vue 其他页面显示：正常效果，并且不会被开发者工具遮挡 滚动样式和工具栏样式丢失，调了之后还是没有调到正常
-
如何给 el-tabs 添加切换页面的过渡动效 当我用下面的代码切换页面时，离开的过渡动效不生效 相关代码： 我该怎么做才可以完美的给 el-tabs 添加切换页面的过渡动效
-
当我运行这段代码时，两个不同片段中的toast显示在一个选项卡上。当我滑动到下一个选项卡时，什么也不显示。 这是我的主要选项卡活动： 这是适配器类： 这是我的第一个片段： 如有任何建议，我们将不胜感激。我被困在这了。
-
我正在使用Laravel 5.4。 1）我添加网站。在这里输入图像描述 现在一切都好了。 2）尝试在facebook上打开网站，得到这个错误在这里输入图像描述 哎呀，好像出了什么事。 1/1方法不允许RouteCollection中出现HttpException。php第233行 Symfony\Component\HttpKernel\Excelie\在RouteCollection.php行2
-
本文向大家介绍Android 给应用程序的icon添加未读消息个数提示（红圈内数字），包括了Android 给应用程序的icon添加未读消息个数提示（红圈内数字）的使用技巧和注意事项，需要的朋友参考一下 最近在做一个可以查看未读消息的功能，需要在界面中的Tab页的标签icon的右上角添加一个未读消息提示的功能。 先上个效果图出来，比较直观明白需求： 思路上似乎有两种： 1. 直接把底图和红圆圈的
-
vue elementpuls 使用 el-tabs时，有3个el-tab-pane，el-tab-pane里各有div v-if(echart图表，必须使用v-if)，点击时页面滚动条会转到页面最顶部，怎么解决这个问题？