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

发与少年

已于 2022-04-23 22:10:38 修改

阅读量1.9k

点赞数 2

分类专栏：前端 element vue 文章标签： elementui vue.js 前端 html5

于 2022-04-21 15:53:59 首次发布

本文链接：https://blog.csdn.net/weixin_58206564/article/details/124323648

版权

前端同时被 3 个专栏收录

38 篇文章 3 订阅

订阅专栏

vue

10 篇文章 0 订阅

订阅专栏

element

6 篇文章 0 订阅

订阅专栏

1、效果图：

2、代码部分：

<el-tabs>
   <!-- label="更多" -->
   <el-tab-pane name="更多" :disabled="true"  v-if="tabsLits.length >= 10">
        <el-tooltip
                content="Bottom center"
                placement="bottom"
                slot="label"
              >
                <div slot="content" class="tooltip_content">
                  <el-button type="text" >标签1</el-button>
                  <el-button type="text" >标签2</el-button>
                  <el-button type="text" >标签3</el-button>
                </div>
                <span>更多</span>
         </el-tooltip>
    </el-tab-pane>
 </el-tabs>