vue3+element-plus中el-table界面右击点击菜单栏在右下方设置偏移量

1,524 阅读1分钟

因为el-table的位置有偏移量,当在table界面最右下方,右键点击el-table的行事件弹出菜单时,菜单会被覆盖,所以要获取距离时减去整个table的偏移距离,并且把盖住的菜单的宽度和高度减掉,就能正常显示啦!上代码,记录问题解决问题。

微信图片_20230630170318.png
<!-- 右键菜单 -->
<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>
微信图片_20230630170651.png 微信图片_20230630172115.png