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

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日

悬赏问题

  • ¥15 求差集那个函数有问题,有无佬可以解决
  • ¥15 【提问】基于Invest的水源涵养
  • ¥20 微信网友居然可以通过vx号找到我绑的手机号
  • ¥15 寻一个支付宝扫码远程授权登录的软件助手app
  • ¥15 解riccati方程组
  • ¥15 display:none;样式在嵌套结构中的已设置了display样式的元素上不起作用?
  • ¥15 使用rabbitMQ 消息队列作为url源进行多线程爬取时,总有几个url没有处理的问题。
  • ¥15 Ubuntu在安装序列比对软件STAR时出现报错如何解决
  • ¥50 树莓派安卓APK系统签名
  • ¥65 汇编语言除法溢出问题