1.拖拽实现列表的层级排序功能
直接说注意事项:
1.单层非树形结构
rowDrop() {
// 要侦听拖拽响应的DOM对象
const that = this;
const tbody = document.querySelector(
".navTable .el-table__body-wrapper tbody"
);
const _this = this;
Sortable.create(tbody, {
onEnd({ newIndex, oldIndex }) {
const currRow = _this.meetingList.splice(oldIndex, 1)[0]; //当前行
_this.meetingList.splice(newIndex, 0, currRow);
},
});
},
const tbody = document.querySelector(
".navTable .el-table__body-wrapper tbody"
);
重点就是class的类名,如果当前组件有多个table,第一次渲染可以拿到当前的正确的table列,但是如果后台存在编辑之类的啥的第二次渲染的拖拽会出现乱序的样子
序号不自动更新,且当前list数据错乱
所以在获取当前的table是需要定义一个class