Unable to find the ejs-diagram Vuejs equivalent methods for the AngularJS ej-diagram in Syncfusion

I tried a lot but was unable to find a solution. Please help me as I am stuck on this issue for more than 1 day.


I have a `Syncfusion` application that has been developed using `AngularJS`, now I would like to convert that application into `Vuejs` so trying to convert it but I am facing a lot of issues as I am unable to find the 1:1 mapping of the `ejsdiagram methods`.


In `Angular` I was using the following code and respective method:

```

<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>

```


Now I am using something like this in `Vuejs`:

```

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

```


I would like to know the `Vuejs` equivalent function for "e-connectorCollectionChange", "e-connectorTargetChange", etc, I searched a lot but could not find any documentation or maybe I missed something. Can someone please guide me through this?


Basically, I want to have some sort of front-end where I am able to create the Node and Connectors as provided in the below attachment GIF. Can you please help me with this issue?


Attachment: CPT21101310271920x930.gif_7a39a6e8.zip


1 Reply

SS Sivakumar Sekar Syncfusion Team October 14, 2021 12:42 PM UTC

Hi AB, 

We don’t have support for VueJs in the EJ1 diagram. We recommend you to use Vue in the EJ2 diagram.  Please refer to the following link to know about the supported framework in EJ1.  


We have attached a demo sample link for your requirement that can be achieved using the EJ2 diagram Vue. 



Regards, 
Sivakumar 


Loader.
Up arrow icon