Find out which element is the target of the element being dragged - vue.js

Question

I'm using the Vue.Draggable component in my Vue application and I need to make a condition so that I can validate whether or not the element I'm dragging can reach it's destination. However, I am unable to find the "destination/target" element when I drag and drop an element. Is there any way to find out what the target element is?
The 'nos' structure is an array that receives the data of each element and inside each node there may or may not be child nodes (this may or may not have to be validated).
Follow the code below:
<template>
<div>
<draggable class="draggable-list" :list="nos" :group="{name:'blocos_texto_draggable'}" :move="onMove">
<div col mx-2 px-2 py-3 bg-light border-rounded
v-for="no in nos"
:key="no.identificador"
:style="no.nivel != 1 ? 'margin-left: 20px;' : 'margin-left: 0px'"
class="div-conteudo"
v-on="calcularOrdem(no, nos)"
>
<fieldset>
<span v-on:click="noClicado(no)">
<legend>
{{estaExpandido(no) ? '▼' : '►'}}
<span v-if="no.tipo === 'parte'">Parte</span> <!-- DEVE CONTER 'LIVROS' E/OU 'TEMÁTICAS' E/OU 'ARTIGOS' -->
<span v-if="no.tipo === 'livro'">Livro</span> <!-- DEVE CONTER 'TÍTULOS' E/OU 'TEMÁTICAS' E/OU 'ARTIGOS' -->
<span v-if="no.tipo === 'titulo'">Título</span> <!-- DEVE CONTER 'CAPÍTULOS' E/OU 'TEMÁTICAS' E/OU 'ARTIGOS' -->
<span v-if="no.tipo === 'capitulo'">Capítulo</span> <!-- DEVE CONTER 'SEÇÃO(ÕES)' E/OU 'TEMÁTICAS' E/OU 'ARTIGOS' -->
<span v-if="no.tipo === 'secao'">Seção</span> <!-- DEVE CONTER 'SUBSEÇÃO(ÕES)' E/OU 'TEMÁTICAS' E/OU 'ARTIGOS' -->
<span v-if="no.tipo === 'subsecao'">Subseção</span> <!-- DEVE CONTER 'TEMÁTICAS' E/OU 'ARTIGOS' -->
<span v-if="no.tipo === 'tematica'">Temática</span> <!-- DEVE CONTER 'ARTIGOS' -->
<span v-if="no.tipo === 'artigo'">Artigo</span> <!-- PODE CONTER 'PARÁGRAFOS' E/OU 'INCISOS' -->
<span v-if="no.tipo === 'paragrafo'">Parágrafo</span> <!-- PODE CONTER 'INCISOS' -->
<span v-if="no.tipo === 'inciso'">Inciso</span> <!-- PODE CONTER 'ALÍNEAS' -->
<span v-if="no.tipo === 'alinea'">Alínea</span> <!-- PODE CONTER 'ITENS' -->
<span v-if="no.tipo === 'item'">Item</span> <!-- NÃO CONTÉM FILHOS -->
<span v-if="no.tipo === 'epigrafe'">Epígrafe</span> <!-- NÃO CONTÉM FILHOS -->
<span v-if="no.tipo === 'ementa'">Ementa</span> <!-- NÃO CONTÉM FILHOS -->
<span v-if="no.tipo === 'preambulo'">Preâmbulo</span> <!-- NÃO CONTÉM FILHOS -->
<span v-if="no.tipo === 'pontilhado'">Pontilhado</span> <!-- NÃO CONTÉM FILHOS -->
</legend>
<table>
<tr>
<td class="blocoTexto" style="width: 96%;">
<div v-html="no.texto"/>
</td>
</tr>
</table>
</span>
</fieldset>
<BlocoTextoArvore
v-if="no.expandido == true"
:nos="no.consultas_blocos_texto_attributes"
:nivel="nivel + 1"
:bloco_editado="bloco_editado"
#onClick="(no) => $emit('onClick', no)"
/>
</div>
</draggable>
</div>
</template>
<script>
import draggable from "vuedraggable";
export default {
name: "BlocoTextoArvore",
props: {
nos: Array,
bloco_editado: Object,
nivel: {
type: Number,
default: 1,
},
expandido: Boolean,
},
components: {
draggable,
},
methods: {
onMove: function(evt) {
let elementoArrastado = evt.draggedContext.element;
console.log(elementoArrastado)
},
estaExpandido(no) {
return no.expandido;
},
noClicado(no) {
this.$set(no, 'expandido', !no.expandido)
},
calcularOrdem(no, nos) {
no.nivel = this.nivel;
no.ordem = nos.indexOf(no) + 1;
}
},
};
</script>
I'm trying to use :move="onMove" property to find the data of the target, by I can't find it. It returns me only the data of the dragged element.