el-tabs和el-tooltip结合使用

问题描述：

在做一个项目时，使用了el-tabs，但是el-tabs的选项文本比较简单，用户不容易理解，故使用el-tooltip为用户进行提示。

image.png

解决方案

1.使用插槽，注：插槽写法vue2和vue3有区别，根据自己项目使用正确的写法。

<template>
  <el-tabs tab-position="left" style="height: 200px" class="demo-tabs">
    <el-tab-pane>
      <template #label>
          <el-tooltip
            effect="dark"
            content="可在此设置组件静态文本内容"
            placement="top"
          >
            <span>{{ "文本" }}</span>
          </el-tooltip>
      </template>
   </el-tab-pane>
  </el-tabs>
</template>

效果图

image.png