sortablejs
时间: 2023-09-01 17:09:27 浏览: 60
Sortable.js是一款优秀的JavaScript拖拽库,它可以在IE9及以上版本的IE浏览器和现代浏览器中运行,也可以在移动触摸设备上使用。它不依赖于jQuery,并且支持多种框架和CSS库,如Meteor、AngularJS、React、Vue、Knockout、Bootstrap和Element UI。你可以使用它来实现拖拽功能,比如拖拽div、table等元素。在Vue文件中使用Sortable.js,你需要在文件头部导入组件,并在created()方法中调用listDrop()方法来初始化拖拽功能。listDrop()方法中,你需要选择要拖拽的元素,然后使用Sortable.create()方法来创建拖拽实例,并在onEnd回调函数中处理拖拽结束后的逻辑,比如重新排序列表。\[1\]\[2\]
#### 引用[.reference_title]
- *1* [sortablejs — 强大的拖拽库](https://blog.csdn.net/huangpb123/article/details/120539533)[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^v91^koosearch_v1,239^v3^insert_chatgpt"}} ] [.reference_item]
- *2* [vue+element 使用sortablejs的可拖拽列表](https://blog.csdn.net/mmmmmmmmzw/article/details/123116123)[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^v91^koosearch_v1,239^v3^insert_chatgpt"}} ] [.reference_item]
[ .reference_list ]
相关推荐
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)