logicFlow 使用menu插件,右键内容出现在了左上角

542 阅读1分钟

常规用法

主要参考这两个

菜单 Menu

去 CodeSandbox 查看示例

这里主要记录一下我踩得坑

image.png

lf.extension.menu.setMenuByType({
  type: "xxxxx",
  menu: [
    {
      text: '进入站内图',
      callback: (config) => {
        if (config.type === 'xxx') {
          console.log('进入站内图', config)
        }
      }
    }
  ],
})

根据类型设置右键内容后,右键节点,内容出现在左上角,官网给的例子看了几遍觉得没有问题,后来在给的去 CodeSandbox 查看示例,也就是菜单的示例中看见,少了一个样式的引入

import "@logicflow/extension/lib/style/index.css";

之后就可以了。