如何实现节点多选

[ddeerdevil]

我这样实现多选，但不生效，请问该如何实现？

`
<VueFlow
:nodes="nodes"
:edges="edges"
:minZoom="0"
elementsSelectable
selectNodesOnDrag
:selectionMode="SelectionMode.Partial"
:panOnDrag="false"
panOnScroll
:multiSelectionKeyCode="null"
:selectionKeyCode="null"

<template #node-output="props">
  <OutputNode :id="props.id" :data="props.data" />
</template>

`

[bcakmakoglu]

Idk what exactly the question here is since I speak no Chinese at all 😅

[OldFarmer86]

He want to select multiple nodes at once...

[bcakmakoglu]

@ddeerdevil
Assuming what @OldFarmer86 says is correct and that is your question you have two options and you set both of them to null effectively disabling multi selection through interactions.

1. selectionKeyCode - you can set this to either a key, key combination or just true:
   1.1. Using a key or key combination will activate the selection box which you can then draw by using a click+drag action
   1.2. Using true will signal that this key is always active, allowing you to draw the selection box without an additional key press and just by click+drag actions
2. multiSelectionKeyCode allows you to select multiple elements by keeping the key pressed and clicking each element (node/edge) you want to have selected - it does not draw a selection box around selected elements

So, in the code above you will have to remove selectionKeyCode="null" and replace it with either a key, key combination or true depending on what you want to achieve here.

[ddeerdevil]

thanks for your reply!