el-tooltip间距调整

在el-table页中要复制el-tooltip中的内容,但是el-tooltip与内容间距有点大,光标还没过去就消失了,不好捕捉,延迟的话,光标快速移动又会出现好多tooltip,所以想将el-tooltip与内容的间距缩小,让光标可以轻松进入提示框中

主要就是想调整气泡与内容的间距

img


如图所示这个间距

可以使用el-tooltip的popper-class属性,配置自定义类aa,然后aa里面去写,注意style不能写在scoped属性中,需要新开个style

<template>
    <div class="">
        <el-tooltip
            popper-class="aa"
            class="item" effect="dark" content="Bottom Left 提示文字" placement="bottom-start">
            <el-button>下左</el-button>
         </el-tooltip>
    </div>
</template>
<style lang='scss' scoped>
</style>
<style lang='scss'>
.aa {
    transform: translateY(-10px);
}
</style>

offset属性可以调整偏移量。
https://element-plus.gitee.io/zh-CN/component/tooltip.html#%E5%B1%9E%E6%80%A7