title: Vue draggable. Prevent drop on specific node and allow drop on specific node
body: <pre class="lang-html prettyprint-override"><code>&lt;draggable 
    class=&quot;nodes-to-drag&quot; 
    v-model=&quot;arrayToDrag&quot; 
    group=&quot;people&quot; 
    @start=&quot;drag = true&quot; 
    @end=&quot;drag = false&quot; 
    item-key=&quot;id&quot;
  &gt;
    &lt;template #item=&quot;{ element }&quot;&gt;
      &lt;p class=&quot;items-from-arrayToDrag&quot;&gt;{{ element.name }}&lt;/p&gt;
    &lt;/template&gt;
  &lt;/draggable&gt;
  </code></pre>
  <p>I use draggable for vue3 <a href="https://github.com/SortableJS/vue.draggable.next" rel="nofollow noreferrer">https://github.com/SortableJS/vue.draggable.next</a> <br>
  I have array with items I want to drag
  And 2 empty arrays which look the same as first one and have the same group name.</p>
  <p>I need items with specific index in array be draggable only to the first column (first array) and with another index only to the second column (second array)?
  How to implement this? Is there something that I can use except group name (all items to drag are from the same group)</p>