如何获得VUE拖动的目标

Question

使用这样的vue拖放元素，

 <b-row v-for="(stage,index) in Pdata" :key="index">
        

      <!-- people group 1 -->
      <b-col  md="6">
        <h6 class="text-primary font-weight-bold mb-2">
          {{stage.stage}} 
        </h6>

        <!-- draggable -->
        <draggable
          :list="stage.items"
          group="people"
          class="list-group list-group-flush cursor-move"
         
        >
          <b-list-group-item
            v-for="listItem in stage.items"
            :key="listItem.id"
            tag="li"
          >  
            <div class="d-flex">
                <b-card> 
                   <b-card-text >
                       {{listItem.name}}
                       </b-card-text> 

                </b-card>

              <!-- <b-avatar :text="listItem.name.slice(0,2)" />
              <div class="ml-25">
                <b-card-text class="mb-0 font-weight-bold">
                  {{ listItem.name }}
                </b-card-text>
                <small>{{ listItem.email }}</small>
              </div> -->
            </div>
          </b-list-group-item>
        </draggable>
      </b-col>     
      </b-col> -->
    </b-row>

我在这里

Pdata :[
{stage:'1',
  id:'1'
items:[]
  },
{stage:'2',
  id:'2'
items:[]
  
}
{stage:'3',
  id:'3'
items:[]
  
}
]

在vue拖动操作之后，我想将元素添加到拖动项目的特定阶段之后。如何在PDATA中获取特定阶段ID，以便可以在数据库中更改数据？