一、安裝
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...