Feature Request: Support for Multiple Handles on Nodes

[frj9641]

Is there an existing issue for this?

• I have searched the existing issues and this is a new bug.

Current Behavior

nodes are limited to having a single input and a single output

Expected Behavior

Description:

Hello,

I have a feature request regarding the functionality of nodes in Vueflow. Currently, nodes are limited to having a single input and a single output. However, I would like to have nodes with multiple input and output handles. Additionally, I need the flexibility for a single handle to act as both an input and an output.

My specific requirements are:

1.Nodes should support multiple input handles.
2.Nodes should support multiple output handles.
3.A single handle on a node should be able to function as both an input and an output.
Is there any existing implementation that supports these features, or is there a plan to include this functionality in future updates?

Thank you for your attention to this request.

Best regards,

Steps To Reproduce

No response

Relevant log output

No response

Anything else?

No response

[bcakmakoglu]

Nodes are not limited to having one handle of each type. Custom nodes can have whatever number of handles you want them to have. See this example.
Just use the <Handle> component and make sure that each Handle gets a unique id and you're good.

[frj9641]

Nodes are not limited to having one handle of each type. Custom nodes can have whatever number of handles you want them to have. See this example. Just use the <Handle> component and make sure that each Handle gets a unique id and you're good.

I have implemented the code according to the example you provided. However, I found that even if I define multiple source handles, the connection still only starts from the first defined source handle. How should I solve this issue?

[bcakmakoglu]

make sure that each Handle gets a unique id and you're good.

[frj9641]

make sure that each Handle gets a unique id and you're good.

I have implemented the code according to the example you provided. However, I found that even if I define multiple source handles, the connection still only starts from the first defined source handle. How should I solve this issue?

[frj9641]

make sure that each Handle gets a unique id and you're good.

I forget the sourceHandle and targetHandle of edge. have solved problem. thanks