import Sortable from 'sortablejs';
mounted() {
console.log('social')
this.rowDrop();
},
methods: {
rowDrop() {
console.log('sort2')
const tbody = document.querySelector("#social .ant-table-tbody"); // 元素选择器名称根据实际内容替换 外层包了一个id 为social的盒子
console.log(tbody)
const _this = this;
Sortable.create(tbody, {
onEnd({ newIndex, oldIndex }) {
console.log(newIndex,oldIndex)
const currRow = _this.data.splice(oldIndex, 1)[0];
_this.data.splice(newIndex, 0, currRow);
let newData = []
newData = _this.data.map(item => {
console.log(item,oldIndex)
if(item.Number == oldIndex + 1 ) {
item.Number = newIndex + 1
}
else if(item.Number == newIndex + 1) {
item.Number = oldIndex + 1
}
return item
})
console.log(newData)
//重新设置序号
// 更新数据接口
// 再调用一次get数据接口
}
});
antdesign vue表格拖动
最新推荐文章于 2024-06-19 10:52:23 发布