无法从 Angular 中找到图表的 Vuejs 等效函数

Question

我尝试了很多但无法找到解决方案。请帮助我，因为我对这个问题感到震惊超过 1 天。任何帮助将不胜感激。

我有一个使用 Angular 开发的 Syncfusion 应用程序，现在我想将该应用程序转换为 Vuejs，因此尝试转换它，但我面临很多问题，因为我无法找到 ejsdiagram methods.

的 1:1 映射

在 Angular 中，我使用了以下代码和相应的方法：

<ej-diagram id="diagram" e-height="80vh" e-width="100%" e-nodeCollectionChange="nodeCollectionChange" e-connectorCollectionChange="connectorCollectionChange" e-connectorTargetChange="connectorTargetChange" e-connectorSourceChange="connectorSourceChange" e-textChange="textChange"></ej-diagram>

现在我在Vuejs中使用类似的东西：


<div id="app">
            <ejs-diagram
              id="diagram"
              ref="diagramObj"
              :width="width"
              :height="height"
              :collection-change="collectionChange"
              :e-connector-collection-change="connectorCollectionChange"
            />
          div>

我想知道 e-connectorCollectionChange、e-connectorTargetChange 等的 Vuejs 等效函数，我搜索了很多但找不到任何文档，或者我可能遗漏了什么。有人可以指导我完成这个吗？

基本上，我想在我的 Vuejs+Syncfusion 应用程序中有这样的东西。我在 Angular+Syncfusion:

Answer 1

我们添加了示例 link 以演示如何在图中添加连接器集合更改和连接器目标更改。我们可以使用集合更改事件，而不是使用连接器集合更改，当新节点或连接器添加到图中时将触发该事件。使用集合中的元素参数更改事件参数，我们可以找到是否将连接器或节点添加到图中。有关详细信息，请参阅以下文档和下面的代码段。

<ejs-diagram style='display:block' 
  ref="diagramObject"
  id="diagram"
  :width='width'
  :height='height'
  :nodes='nodes'
  :connectors='connectors'
  :getNodeDefaults='getNodeDefaults' 
  :getConnectorDefaults='getConnectorDefaults' 
  :collectionChange="collectionChange" 
  :sourcePointChange="sourcePointChange" 
  :targetPointChange="targetPointChange"
  :textEdit="textEdit">
</ejs-diagram>

示例 Link：https://www.syncfusion.com/downloads/support/directtrac/general/ze/Events16960811600180

文档 Link：https://ej2.syncfusion.com/vue/documentation/diagram/getting-started/

示例浏览器 Link：https://ej2.syncfusion.com/vue/demos/#/bootstrap5/diagram/diagram-events.html

无法从 Angular 中找到图表的 Vuejs 等效函数

Unable to find Vuejs equivalent function for the diagram from Angular

javascript

syncfusion

vue.js

nuxt.js

ej2-syncfusion