vuedraggable嵌套块拖拽_请教 vue draggable 拖拽问题

v-for="i in item"

:key="i"

:style="'width:' + Math.round(i / 750 * 10000) / 100.00 + '%'"

>{{i}}

import draggable from "vuedraggable";

export default {

components: { draggable },

data() {

return {

rowspan: [[300, 450], [200, 550]],

// 排序

ranking: {}

};

},

methods: {

datadragEnd(evt) {

evt.preventDefault();

this.rowspan.splice(

evt.oldIndex,

1,

...this.rowspan.splice(evt.newIndex, 1, this.rowspan[evt.oldIndex])

);

// console.log("拖动前的索引 :" + evt.oldIndex);

// console.log("拖动后的索引 :" + evt.newIndex);

},

elent(e) {

this.rowspan = e.rowspan;

}

}

};

现在我这个问题是，鼠标拖拽(不松)可以看到正常的最终效果，但是当松开鼠标后，板块却并没有被拖拽进行替换

请排查，删除 @update="datadragEnd" 即可恢复正常

请问是为什么呢？

回答