el-tooltip插槽；局部修改el-tooltip样式；el-tooltip样式不生效

效果

 html

 <el-tooltip effect="light" popper-class="handlerTab_tooltip"  placement="top">
     <div slot="content" class="tips">
        <div class="content">
              <Tabs :tabList="item.handerStatus.handlerTabLists"></Tabs>
        </div>
     </div>
     <span class="handler">
        {{ item.handerStatus.label }}
     </span>
</el-tooltip>

css

<style lang="scss">
.handlerTab_tooltip.is-light {
     padding: 0px !important;
     border-radius: 8px !important;
}
</style>

总结：

1.给 el-tooltip 单独定义类名   popper-class="handlerTab_tooltip" 

2.不加scoped

3.使用自定义的类名 加上 当前采用主题类名进行修改

effect="light" --->对应.is-light

effect="dark" --->对应.is-dark