列表拖拽排序

文章讲述了在Vue2应用中使用ElementUI实现表格动态拖拽排序的问题,包括排序限制在特定列、排序后数据错乱以及使用row-key的解决方案。作者提到使用Sortable.js库并尝试用唯一ID解决重复问题。
摘要由CSDN通过智能技术生成

需求背景:

         要求在对话框中,展示的动态表格数据可以进行拖拽排序。(vue2+ElementUI)

问题描述: 
        1:不是整个进行拖拽排序,只在排序这一列拖动才可以。
        2:拖拽过后数据错乱,明明拖动了,但是对应的顺序没有变化,即顺序为3拖拽到1的位置,正确顺序还是1、2、3......,错误顺序为:3、2、1、4......

示例图: 

问题解释:
         1.指定行拖拽实现,在排序这一列给了一个类<i class="el-icon-rank drag-handle" />,更改的时候指定带有drag-handle类的元素作为拖拽手柄handle: '.drag-handle', 参考了

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值