SortableJS拖动到空的Vuetify v-data-表不工作
SortableJS拖动到空的Vuetify v-data-表不工作
提问于 2019-05-29 17:45:49
我正在尝试使用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: {}
});回答 1
Stack Overflow用户
发布于 2019-05-31 06:48:05
这是SortableJS中的一个缺陷，现在可以在next-version分支中解决。此分支仍在开发中，但向后兼容，并将很快合并到master分支。
编辑:它现在位于主分支中
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/56357638
复制相关文章
相似问题