Vuejs右键弹出菜单

一、安装

npm install @xunlei/vue-context-menu

二、修改main.js

import VueContextMenu from '@xunlei/vue-context-menu'
 
Vue.use(VueContextMenu)

三、使用

 
            新建
            删除
        

export default {
    name: 'basetable',
    data() {
        return {
            contextMenuTarget: document.body, //绑定的dom
            contextMenuVisible: false,
            }
        }
}

methods: {
        new(){
            this.contextMenuVisible=false
        },
        del(){
            this.contextMenuVisible=false
        }
    }

四、效果