Vue Draggable move方法中的Access属性

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)
    }
}