自定义右键菜单(vue2版)
vue3版本 | vue2版本
安装
npm i vue-diy-rightmenu
使用
import vueDiyRightmenu from 'vue-diy-rightmenu';
Vue.use(vueDiyRightmenu);
1. 参数
-
cname
:自定义class-->String;非必传; -
hide-on-click
:点击menu列表后是否隐藏menu列表-->Boolean;非必传,默认true;
2. 插槽
-
默认插槽
:替换显示的内容 -
menu插槽
:替换默认menu列表
<ul>
<li>1</li>
<li>2</li>
</ul>
<ul slot="menu">
<li>11</li>
<li>22</li>
</ul>
3. 返回默认事件
-
clickDom
:鼠标右击的回调,返回选中的DOM -
defaultEdit
:默认菜单列表的编辑回调,返回之前选中的DOM -
defaultDelete
:默认菜单列表的删除回调,返回之前选中的DOM