sortable 拖拽后数据变更但视图不变

发布时间 2023-10-16 16:08:07作者: shayloyuki

问题

表格中某两行拖拽换序,使用 sortable.js 在拖拽结束后调用换序接口,再更新数据列表。

问题是数据变了,但视图不变。如下图所示:

image

分析

vue 无法检测数组中顺序的变化。

即使采用 $set$forceUpdate(),给组件添加 key 属性,仍然无法解决该问题。

解决办法

请求数据列表前,先重置列表。

image