使用element-ui框架实现某个el-tab-pane标签页加el-tooltip文字提示_el-tab el-tooltips

作者：知新_RL | 2024-04-10 03:25:45

踩

el-tab el-tooltips

代码

      <el-tab-pane :name="9">
          <el-tooltip class="item-tabs" effect="light" placement="top" slot="label">
            <div slot="content">
              <span>Tidebuy International Limited</span>
            </div>
            <span>Meshop采集</span>
          </el-tooltip>
        </el-tab-pane>
1
2
3
4
5
6
7
8

效果

在这里插入图片描述

原理

el-tab-pane 加 el-tooltip ：通过 slot="label"完成

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/知新_RL/article/detail/396367