ContextMenu
右键菜单,负责菜单显示隐藏,命令按钮绑定与可用禁用状态控制。
使用说明
必需配合 <Command />
组件使用
自动根据不同页面状态显示对应菜单,例如:选中节点时则只会显示 NodeMenu
。
<template>
<v-g-editor>
<flow />
<context-menu>
<node-menu> // 节点右键菜单
<command name="copy">复制</command>
<command name="delete">删除</command>
</node-menu>
<edge-menu /> // 边线右键菜单
<group-menu /> // 群组右键菜单
<multi-menu /> // 多选右键菜单
<canvas-menu /> // 画布右键菜单
</context-menu>
</v-g-editor>
</template>
<script>
import VGEditor, {
Flow,
Command,
ContextMenu,
NodeMenu,
EdgeMenu,
GroupMenu,
MultiMenu,
CanvasMenu,
} from 'vg-editor';
export default {
components: {
VGEditor,
Flow,
Command,
ContextMenu,
NodeMenu,
EdgeMenu,
GroupMenu,
MultiMenu,
CanvasMenu
}
}
</script>