Vuejs右鍵彈出菜單

一凡碼農 2020-03-21 21:44:23
一、安裝

npm install @xunlei/vue-context-menu

二、修改main.js

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

三、使用

<context-menu>刪除</a>        </context-menu>

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

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

四、效果

0 阅读:11

一凡碼農

簡介:專業分享開發技術知識