概述
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" 即可恢复正常
请问是为什么呢？
回答
最后
以上就是正直草丛为你收集整理的vuedraggable嵌套块拖拽_请教 vue draggable 拖拽问题的全部内容，希望文章能够帮你解决vuedraggable嵌套块拖拽_请教 vue draggable 拖拽问题所遇到的程序开发问题。
如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。
发表评论 取消回复