因为el-table的位置有偏移量,当在table界面最右下方,右键点击el-table的行事件弹出菜单时,菜单会被覆盖,所以要获取距离时减去整个table的偏移距离,并且把盖住的菜单的宽度和高度减掉,就能正常显示啦!上代码,记录问题解决问题。
<!-- 右键菜单 -->
<div id="menuList" class="menuDiv" ref="menuRef">
<ul class="menuUl">
<li
v-for="(item, index) in menus"
:key="index"
@click.stop="infoClick(index)"
>
{{ item.menuName }}
</li>
</ul>
</div>