!
也想出现在这里? 联系我们
广告位
当前位置:首页>开发>其他开发实例>ElementUI el-table 使用 Sortable.js 排序错误解决

ElementUI el-table 使用 Sortable.js 排序错误解决

项目中使用 ElementUI 的 el-table 生成的表格,需要使用 Sortable.js 实现拖拽排序的功能,正常的拖拽没问题,但是拖拽后的数组顺序与 el-table 渲染的数据不一致,具体错误如下图所示:

ElementUI el-table 使用 Sortable.js 排序错误解决

查找原因发现,应该是未指定 el-table 行数据的 Key,导致 Table 渲染错误,遂添加 row-key=\"index\" ,然而问题还是没有解决。

ElementUI el-table 使用 Sortable.js 排序错误解决

因为该组件通过 value 实现双向绑定,数据是通过 v-model 传递过来的,考虑数组数据按地址传值,遂使用 slice() 拷贝了新的数据,最终解决问题。

ElementUI el-table 使用 Sortable.js 排序错误解决

总结:
1、配置 row-key 唯一,避免 el-table 渲染数据错误;
2、拷贝数组数据,避免引用传值及双向绑定更新数据导致的错误。

给TA打赏
共{{data.count}}人
人已打赏
其他开发实例

php怎么搭建环境(解析php环境快速搭建的教程)

2022-8-2 16:53:44

其他开发实例

ElementUI 树形表格 el-table 无效问题解决

2022-9-3 16:30:52

声明 本站上的部份代码及教程来源于互联网,仅供网友学习交流,若您喜欢本文可附上原文链接随意转载。无意侵害您的权益,请发送邮件至 [email protected] 或点击右侧 私信:林沐阳 反馈,我们将尽快处理。
{{yiyan[0].hitokoto}}
0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索