Ioufer 2022-01-19 17:45 采纳率: 88%
浏览 60
已结题

VUE右键点击出现内容固定位置

我有一个右键的点击事件,点击以后出现的是翻页功能,但是这个翻页功能每次点击出现的位置都不一样,图中展示的是,红圈那里是我鼠标的位置,右键点击以后,翻页功能出现在上方,怎么设置才能把它固定在鼠标的右下角,

img


```javascript
  <!--鼠标右键菜单栏 -->
                <div v-show="showRightMenu">
                  <ul id="menu" class="right-menu">
                    <li
                      class="menu-item"
                      @click="handleSizeChange"
                    >
                      上一页
                    </li>
                    <li
                      class="menu-item"
                      @click="handleCurrentChange"
                    >
                      下一页
                    </li>
                  </ul>
                </div>

.right-menu {
      z-index: 1;
      position: absolute;
      height: 65px;
      width: 100px;
      border-radius: 5px;
      border: 0px solid #ccc;
      background-color: white;
      .menu-item {
        //display: block;
        line-height: 20px;
        text-align: left;
        margin-top: 5px;
        font-size: 14px;
        color: #606266;
      }
      li:hover {
        background-color: #edf6ff;
        color: #606266;
      }
      li{list-style-type:none;}
    }

  • 写回答

2条回答 默认 最新

  • ZionHH 2022-01-19 18:57
    关注

    你要获取点击当前列的位置,然后加上高度

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(1条)

报告相同问题?

问题事件

  • 系统已结题 1月28日
  • 已采纳回答 1月20日
  • 创建了问题 1月19日

悬赏问题

  • ¥100 求购一套带接口实现实习自动签到打卡
  • ¥50 MacOS 使用虚拟机安装k8s
  • ¥500 亚马逊 COOKIE我如何才能实现 登录一个亚马逊账户 下发新 COOKIE ..我使用下发新COOKIE 导入ADS 指纹浏览器登录,我把账户密码 修改过后,原来下发新COOKIE 不会失效的方式
  • ¥20 玩游戏gpu和cpu利用率特别低,玩游戏卡顿
  • ¥25 oracle中的正则匹配
  • ¥15 关于#vscode#的问题:把软件卸载不会再出现蓝屏
  • ¥15 vimplus出现的错误
  • ¥15 usb无线网卡转typec口
  • ¥30 怎么使用AVL fire ESE软件自带的优化模式来优化设计Soot和NOx?
  • ¥15 Ubuntu20.04.4.LTS系统如何下载安装VirtualBox虚拟机?