vue右击弹窗_Vuejs右键弹出菜单

一、安装

npm install @xunlei/vue-context-menu

二、修改main.js

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

Vue.use(VueContextMenu)

三、使用

:target="contextMenuTarget"

:show="contextMenuVisible"

@update:show="(show) => contextMenuVisible = show">

新建

删除

export default {

name: 'basetable',

data() {

return {

contextMenuTarget: document.body, //绑定的dom

contextMenuVisible: false,

}

}

}

methods: {

new(){

this.contextMenuVisible=false

},

del(){

this.contextMenuVisible=false

}

}

四、效果

作者：秦胜飞