vue右擊選單,親測有效

2021-10-09 13:13:17 字數 786 閱讀 4809

一、安裝 

npm install @xunlei/vue-context-menu
二、全域性註冊,在main.js引入如下以下檔案

import vuecontextmenu from '@xunlei/vue-context-menu'

vue.use(vuecontextmenu)

三、頁面

//放在你的頁面裡面就可以了

contextmenuvisible = show">

複製引用刪除

//js

import from '@xunlei/vue-context-menu'

export default ,

data()

},mounted() ,

methods: ,

quotemsg(),

deletemsg() }}

//css

.right-menu

.right-menu p

.right-menu p:hover

.menu-disable

如圖:

因為專案需要所以去學習了一下,做個筆記,以備後面用到。 

參考:

PB 新增右擊選單1

首先建立好乙個選單,就是需要彈出的選單,然後再為需要右鍵彈出的物件的rbuttondown事件裡增加如下 m main ulm menu m main為你需要彈出的選單 ulm menu create m main 指定選單彈出的位置 ulm menu.m file.popmenu this.x p...

Windows去掉桌面右擊選單多餘項

在windows桌面滑鼠右擊選單中,通常會出現很多多餘的選項,比如顯示卡相關設定,office相關功能,而這些選項大多數人是不會經常去使用它們的,放在這裡反而礙眼,特別是對於強迫症來說這能忍麼,而且這樣會減緩系統載入速度,表現就是電腦卡的時候想右擊重新整理,可右擊選單會死活彈不出來 這篇文章就交大家...

ztree右擊彈出選單增刪改操作

需求,右擊樹節點,出現編輯和刪除的提示框 1 在setting 配置裡面,給callback設定,右擊事件onrightclick 2 寫乙個函式onrightclick function onrightclick event,treeid,treenode 3 禁用預設滑鼠右擊事件 documen...