源码之家

  • 首页
  • 文章
  • 问答
  • 下载
您的位置: 首页  >  文章  >  vue右键事件——显示iview菜单栏

vue右键事件——显示iview菜单栏

分类: 文章 • 2025-01-03 09:35:58

先取消右键的默认事件

e.preventDefault()

获取当前点击的标签

this.$refs.contextMenu.$refs.reference = event.target

显示菜单栏

this.$refs.contextMenu.currentVisible = true

然后设置菜单栏显示的位置

vue右键事件——显示iview菜单栏

vue右键事件——显示iview菜单栏

效果图:

 vue右键事件——显示iview菜单栏

 

 

 

相关推荐

  • vue右键事件——显示iview菜单栏
  • vue中使用iview的分页功能 自定义页面显示记录数目size大小
  • 使用Vue设置iview组件中Datepicture插件显示默认日期
  • vue监听滚动事件 实现某元素吸顶或者固定位置显示
  • jQuery fullpage.js 全屏滚动插件取消鼠标滚动事件,点击菜单栏定位显示页面。
  • Vue基于iview如何实现登录密码的显示与隐藏功能
  • 如何解决vue-cli+iview项目打包上线之后图标不显示问题
  • vue实现某元素吸顶或固定位置显示(监听滚动事件)
  • vue.js使用iview打包上线后字体图标不显示怎么办
  • vue组件中iview的modal组件爬坑问题之modal的显示与否应该是使用v-show
  • Asp.net MVC 3实例学习之ExtShop(三)——完成首页
  • Word 注重页面细节才专业(添加页眉页脚,调整页边距,消灭孤行) | 职场人就应该这样用 Word
    网站免责声明 网站地图 最新文章 用户隐私 版权申明
本站所有数据收集于网络,如果侵犯到您的权益,请联系网站进行下架处理。   

Copyright © 2018-2021   Powered By 源码之家    备案号:   粤ICP备20058927号