适用于 vue3 的扩展指令
npm install vue-extend-directives
import vueExtendDirects from "vue-extend-directives";
// 默认样式
import 'vue-extend-directives/dist/style.css';
app.use(vueExtendDirectives);
-
用处:右键菜单
-
参数:非必填,展示默认样式,无实际作用
-
import sfcMenu from './sfc-menu.vue'; // 无参数: <div v-contextmenu="sfcMenu"></div> /** * 有参数: * sfc:必传,引入的单文件组件实例 * props:非必传,对象,需要传递的属性、方法 */ <div v-contextmenu="{sfc:sfcMenu,props:{list,clickFun}}"></div>
-
[{ label: string; // 标题 click?: object; // 点击事件名,存在子菜单时自动忽略 divid?: true; // 分割线 disable?: boolean; // 是否禁用 ico?: string; // 图标:图片地址 sub?: string; // 副标题 children?: [{ // 子菜单 label: string; click?: object; // 点击事件名 disable?: boolean; }] }]
PS:
click
(回调函数)自动接收同级label
作为参数
-