用户登录
用户注册

分享至

Vue+element-ui添加自定义右键菜单的方法示例

  • 作者: 生活不止眼前的狗血
  • 来源: 51数据库
  • 2021-08-21

1、在所编辑的页面,需要添加右键菜单的元素,绑定contextmenu事件

2、在页面编写右键菜单内容

3、在data()中定义需要的变量属性

4、观察visible的变化,来触发关闭右键菜单,调用关闭菜单的方法

5、在method中定义打开右键菜单和关闭右键菜单的两个方法

6、在style中写右键菜单的样式

注意:.native修饰符对vue组件元素监听原生事件有效,对原生的html元素使用,反而没有效果。

到此这篇关于vue+element-ui添加自定义右键菜单的文章就介绍到这了,更多相关vue+element-ui添加自定义右键菜单内容请搜索以前的文章或继续浏览下面的相关文章希望大家以后多多支持!

软件
前端设计
程序设计
Java相关