vue3+element-plus自定义右键弹出框

使用的是tailwindcss做的样式布局,也使用到了element-plus的el-card组件

组件yua:

 组件用法

 

        
            

                {{ item.id }}
            
        
        
        
    

绑定属性

值	作用
v-module	绑定弹出框隐藏/显示
target	寻找绑定的元素节点
data-target	需要给触发右键元素节点绑定名称
list	右键弹出框数组列表
firstStartIndex	一级菜单起始下标
secondaryStartIndex	二级菜单起始下标

绑定方法

                        

事件	作用	返回值	返回值作用
first-level-directory	获取一级菜单点击返回值	contents: "1" index: 0 itemData: {text: '', child: Array(5)}	1.contents:返回一级下标,从startIndex一级下标的值开始 2. index:原始坐标 3. itemData:返回的二级菜单数据
secondary-directory	获取二级菜单的返回值	contents: "1-0" index: 0 itemData: "排序方式"	1.contents:返回二级下标,值为一级下标-二级下标 2. index:原始坐标 3. itemData:当前点击的数据