search

didi / LogicFlow

专注于业务自定义的流程图编辑框架，支持实现脑图、ER图、UML、工作流等各种图编辑场景。A flow chart editing framework focusing on business customization.
https://site.logic-flow.cn
Apache License 2.0
8k stars 1.07k forks source link

[Bug Report]: 测试vue组件，出现“this.vm.$destroy is not a function”错误 #1848

Open raingend opened 1 week ago

raingend commented 1 week ago

发生了什么？

我在测试vue组件功能的时候遇到问题。我只做了个设计器页面和一个Vue组件的页面，设计器页面我是这样写的 '''

'''

vue组件的代码也很简单 '''

''' 运行起来后，没问题 Z@OKG$6B 9_ 9371_{JIU2 从Dnd面板拖动组件到设计器中也正常 XJF(YBPK@FD@EL`5~VW%0GE 松开鼠标时，报错“this.vm.$destroy is not a function” 36C441) `49@ {CC%@MCOZR

logicflow/core版本

2.0.3

logicflow/extension版本

2.0.5

logicflow/engine版本

No response

浏览器&环境

Microsoft Edge

DymoneLewis commented 1 week ago

没看懂，所以是怎么触发的这个报错？

DymoneLewis commented 1 week ago

在群里看到了，方便提供一下demo吗，这边排查一下

boyongjiong commented 6 days ago

麻烦提供一下复现 demo，这个描述我们无法定位问题，没有复现 demo 我们会对此 issue 做关闭处理

xwatsonmai commented 4 days ago

+1 我也遇到这个bug，就是把vue节点注册到dndPanel里，然后从拖拽面板里把vue节点拖出来的时候就可以复现出这个问题了

更新： 我知道是啥问题了，要按照vue自定义节点里说明的，引入const TeleportContainer = getTeleport()，然后在模板里使用： `

` 就能解决这个问题了。。。

说时候我觉得这种方法有点奇怪，有一丢丢额外的心智负担，不过能用就好

boyongjiong commented 3 days ago

+1 我也遇到这个bug，就是把vue节点注册到dndPanel里，然后从拖拽面板里把vue节点拖出来的时候就可以复现出这个问题了

更新： 我知道是啥问题了，要按照vue自定义节点里说明的，引入const TeleportContainer = getTeleport()，然后在模板里使用： <TeleportContainer /> 就能解决这个问题了。。。

说时候我觉得这种方法有点奇怪，有一丢丢额外的心智负担，不过能用就好

可以抽空给我们提供个例子看看吗？想了解下前因后果全貌