我正在尝试使用SortableJS在Vuetify中的两个v-data-table之间创建一个拖放。下面是一个包含3个表的示例:https://codepen.io/arno-van-oordt/pen/MdqrgK
如果两个表都以至少一项开始(例如,在表1和表3之间),则可以很好地工作。但是,当一个表开始是空的时候,我似乎不能把项目放到它上面。
这个问题的最佳解决方案是什么?
new Vue({
el: "#app",
data() {
return {
headers: [
{
text: "Title",
value: "name"
}
],
list1: [
{
name: "Item1-1"
},
{
name: "Item1-2"
}
],
list2: [],
list3: [
{
name: "Item3-1"
},
{
name: "Item3-2"
}
]
};
},
mounted: function() {
new Sortable(this.$refs.table1.$el.getElementsByTagName("tbody")[0], {
group: "test",
draggable: ".sortableRow"
});
new Sortable(this.$refs.table2.$el.getElementsByTagName("tbody")[0], {
group: "test",
draggable: ".sortableRow"
});
new Sortable(this.$refs.table3.$el.getElementsByTagName("tbody")[0], {
group: "test",
draggable: ".sortableRow"
});
},
methods: {}
});
发布于 2019-05-31 06:48:05
这是SortableJS中的一个缺陷,现在可以在next-version分支中解决。此分支仍在开发中,但向后兼容,并将很快合并到master
分支。
编辑:它现在位于主分支中
https://stackoverflow.com/questions/56357638
复制相似问题