我写技术文章没那么多废话，直接上代码：
1.在vue中，直接使用如下：
<el-tooltip
effect="dark"
content="若不选择范围，则计算全部学生"
placement="top"
:append-to-body="false"
>
<el-icon class="tooltip-icon"><QuestionFilled /></el-icon>
</el-tooltip>
注：官方文档可能写有append-to这个属性，但是这个属性在实际开发中不存在，也就导致连续hover（el-tooltip）出现乱浮动的现象；查看源代码发现它只有append-to-body这个属性；
????????????遇到怪异问题，最好是看源码，有时候才是最快解决问题的办法。
2.要是还是乱浮动，请用这个方法：
<div style="position:relative">
<el-tooltip
effect="dark"
content="若不选择范围，则计算全部学生"
placement="top"
:append-to-body="false"
>
<el-icon class="tooltip-icon"><QuestionFilled /></el-icon>
</el-tooltip>
</div>
注：使用position:relative的主要原因是，它使用了append-to-body=false这个属性，导致它是以当前所在位置为参考的absolute定位，所以父级加一个position:relative就解决问题了。
3.实际效果
这两种方法联合使用，还有问题，不出意外那就是你代码的问题了！！！！
????????????切记，注意自己的element-plus版本！高版本反而没有append-to-body，有append-to
4.感谢
如果觉得写得好，记得收藏哦 ~ (O_O) ~