elementel-tabs套用el-tooltip(气泡文字提示框)

1、效果图：

2、代码部分：

1.  
   <el-tabs>
2.  
   <!-- label="更多" -->
3.  
   <el-tab-pane name="更多" :disabled="true" v-if="tabsLits.length >= 10">
4.  
   <el-tooltip
5.  
   content="Bottom center"
6.  
   placement="bottom"
7.  
   slot="label"
8.  
   >
9.  
   <div slot="content" class="tooltip_content">
10.  
    <el-button type="text" >标签1</el-button>
11.  
    <el-button type="text" >标签2</el-button>
12.  
    <el-button type="text" >标签3</el-button>
13.  
    </div>
14.  
    <span>更多</span>
15.  
    </el-tooltip>
16.  
    </el-tab-pane>
17.  
    </el-tabs>

需要自定义el-tooltip的样式，详细可看这篇文章 ： element-ul中自定义el-tooltip样式和三角形样式，亲测好用_发与少年的博客-CSDN博客

有帮助别忘记一键三连哦~~~

这篇好文章是转载于：学新通技术网