element中el-tabs下的el-tab-pane元素悬浮显示tooltip_el-tabs 添加 el-tooltip

代码如下

<el-tabs>
  <el-tab-pane
      v-for="(serviceDetail, index) in service_details"
      :key="index"
      :name="serviceDetail.service_info.id"
      :label="serviceDetail.service_info.service_name">
    <el-tooltip slot="label" effect="dark" :content="serviceDetail.service_info.service_name_original" placement="bottom-start">
      <span>{{ serviceDetail.service_info.service_name }}</span>
    </el-tooltip>
  </el-tab-pane>
</el-tabs>
1
2
3
4
5
6
7
8
9
10
11

说明：
在el-tab-pane标签中添加el-tooltip标签即可

效果：