vue 右键点击列表 打开菜单

1.npm install 安装

--save moment vue-context-menu vue-contextmenu

2.父组件

<el-table v-loading="loading" :height="tableHeight" :data="xmgzList" @selection-change="handleSelectionChange"
       @row-contextmenu="rightClick" border>
        

</el-table>
<context-menu v-show="menuVisible" @foo="foo" ref="contextMenu"></context-menu>

<script>
    import contextMenu from '@/views/contextMenu'
    components: {
      contextMenu,Treeselect
    },
    methods:{
        //右键点击行
      rightClick(row, column, event) {
        this.menuVisible = true
        //阻止右键默认行为
        event.preventDefault()
        this.$nextTick(() => {
          this.$refs.contextMenu.init(row, column, event)
        })
      },
      foo()