title: Vue on event selects first value only
body: <p>I am using <code>vue-draggable</code> to drag my items. I am trying to print out the moved id using <code>:move="onDrop"</code> event and it prints out using <code>console.log(this.teamByTime2[0].id);</code> first value only. Lets take an example from my <strong>DATA</strong>, there is person called <code>KIM CHAN</code>, if i drag Kim then its suppose to print "5" not "4". Is there a way to solve that?</p>
  
  <p><strong>View</strong></p>
  
  <pre><code>&lt;div id="app"&gt;
      &lt;draggable :list="dataList3" class="list-group" draggable=".item" group="a"&gt;
        &lt;div
          class="list-group-item item"
          v-for="element in dataList3"
          :key="element.name"
        &gt;{{ element.last_name }}&lt;/div&gt;
      &lt;/draggable&gt;
  
      &lt;br&gt;
  
      &lt;div v-for="reservation in teamByTime2" v-bind:key="reservation.id"&gt;
        &lt;draggable
          :list="reservation.Reservation_people"
          class="list-group"
          draggable=".item"
          group="a"
          :move="onDrop" &lt;!-- I am using move event here --&gt;
        &gt;
          &lt;div
            class="list-group-item item"
            v-for="element in reservation.Reservation_people"
            :key="element.id"
          &gt;{{ element.last_name }}&lt;/div&gt;
        &lt;/draggable&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  </code></pre>
  
  <p><strong>Method</strong></p>
  
  <pre><code>onDrop(e) {
    console.log("moving teamByTime");
    console.log(this.teamByTime2[0].id); &lt;!-- this only prints out first value --&gt;
  
    &lt;!-- is there a way to get the id actual moving/dragging item ? 
  If I am moving Kim Chan from teamByTime, then the id is suppose to be 5 not 4 --&gt;
  }
  </code></pre>
  
  <p><strong>Data</strong></p>
  
  <pre><code>data: () =&gt; ({
      selectedid: "",
  
      dataList3: [
        { id: "1", first_name: "Jay", last_name: "Leo" },
        { id: "2", first_name: "David", last_name: "Reu" },
        { id: "3", first_name: "John", last_name: "Jac" }
      ],
  
      teamByTime2: [
        {
          id: "4",
          Reservation_people: [{ id: "18", first_name: "San", last_name: "lee" }]
        },
        {
          id: "5",
          Reservation_people: [{ id: "19", first_name: "Kim", last_name: "Chan" }]
        },
        {
          id: "6",
          Reservation_people: [{ id: "20", first_name: "Sun", last_name: "leo" }]
        }
      ]
    })
  </code></pre>
  
  <p>Here is my code below on <code>CODE SANDBOX</code></p>
  
  <p><a href="https://codesandbox.io/s/serene-wildflower-sh4sk?file=/src/App.vue:874-1476" rel="nofollow noreferrer">https://codesandbox.io/s/serene-wildflower-sh4sk?file=/src/App.vue:874-1476</a></p>