el-table使用sortablejs推拽排序卡顿问题解决 使用sortablejs拖拽el-table排序时,对于纯文本表格,正常使用即可,不会卡顿 initSort() { const tbody= document.querySelector('.el-table__body-wrapper tbody') const _this=thisSortable.create(tbody, { draggable:'.el-table__row', filter:".handle", handle:...
1 - 想到的第一个办法就是通过index根据列表索引添加背景 问题:拖拽是可以换动顺序的,所以不管我怎么拖动,背景的顺序并不不会变。 2 - 第二个办法是,通过动态给列表绑定ID,通过id来添加背景,这总没问题了吧 问题: 很奇怪的问题,我现在也没有理解,换动顺序以后,查看HTML元素,确实id是根据顺序变换了的,但是背...
在改变了数据之后 先用一个变量深拷贝这个数据,然后把这个数据清空,最后再在vue的$nextTick函数里面重新给那个数据赋值就可以了,大概代码如下: consttbody=document.querySelector('.el-table__body-wrapper tbody')const_this=thisSortable.create(tbody,{onEnd(evt){_this.tableData.splice(evt.newIndex,0,_this...
重新完善一下 刚才没看清你的问题 获取拖拽后 鼠标的坐标 获取父元素在屏幕上四边的坐标 if判断一下 超出了就阻止事件冒泡