效果图 鼠标划入第一个遮挡第二个按钮
解决方法:添加class名 之后用css干掉这个 让他划入就展示下一个的提示框
弊端:鼠标无法选中或者复制提示框的文字;(如有好的方法 大佬请在评论区留言)
<template>
<div class="top">
<el-tooltip
class="item"
effect="dark"
popper-class="class1" //主要代码
content="提示文字"
placement="right"
>
<el-button>右侧</el-button>
</el-tooltip>
<el-tooltip
class="item"
effect="dark"
popper-class="class1" //主要代码
content="提示文字"
placement="right"
>
<el-button>右侧</el-button>
</el-tooltip>
<el-tooltip
class="item"
effect="dark"
popper-class="class1" //主要代码
content="提示文字"
placement="right"
>
<el-button>右侧</el-button>
</el-tooltip>
</div>
</template>
<style>
.class1 {
pointer-events: none;
}
</style>