element树形控件给某一节点做菜单

使用官网自带的

公司要求右击出现菜单，给菜单做一个display:none,和 position: absolute;

代码:(树形控件中)

          :default-expanded-keys="[0]" @node-click="handleNodeClick" draggable :allow-drop="allowDrop"

          :allow-drag="allowDrag" @node-drop="handleDrop" @node-contextmenu='contextmenu' ref="tree">

         

            {{ node.label }}

           

             

添加节点

             

添加数据

             

编辑

             

删除

           

         

       

样式：

方法：

contextmenu(e,data,node,comp){

        if(node.isLeaf){

          let menu = document.querySelector('.visible')

          menu.style.display='block'

        }

      },

效果：