sortable排序

在使用sortable.js进行排序时，页面元素会重新排序，但实际的数组数据并没有进行排序，仍然保持原来的顺序。如果在排序过程中同时修改了数组，会导致排序结果混乱。为了在提交时得到排序后的新数组，可以按照id的顺序对原数组进行排序。可以按照以下步骤进行操作：
1. 首先引入sortable.js，并在节点渲染完毕后添加以下JS代码：

let body = document.getElementById('formAdd');
var sortable = Sortable.create(body);
var order = sortable.toArray();
console.log(order); //[3,2,1]

2. 在提交时，根据id的顺序给原数组排序，得到排序后的新数组。可以使用以下代码实现：

let arrvideo = {};
this.videoList.map((item) => {
   let index = this.videoListarr.indexOf(item.lessonNumberId);
   arrvideo[index = item;
});

这样就可以得到根据id顺序排列的新数组arrvideo。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* [sortable的sort方法对表单等任意节点进行排序](https://blog.csdn.net/ckq_1104/article/details/88054805)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"]
- *2* *3* [sortable 拖拽排序，获取排序后的数据](https://blog.csdn.net/samll_redhat/article/details/122319327)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"]
[ .reference_list ]