在Vue Draggable move方法中访问属性

Question

如何在方法中访问属于移动元素的项目的属性？我知道 evt.item.id 不工作...

<draggable v-model="myarray" :move="onMove">
<div v-for="item in myarray" :key="item.id">

...

methods: {
onMove(evt){
     console.log(evt.item.id)
}

Answer 1

您使用的

item只是您在v-for中使用的变量名。为此，您需要访问 draggedContext.element：

methods: {
    onMove(evt) {
        console.log(evt.draggedContext.element.id)
    }
}