前言
网上的教程太乱且都有BUG,本文提供优质示例源码保证好用。
在微信小程序开发中,详解小程序实现菜单/列表拖曳排序并改变原数据位置示例教程,支持动态数据、下拉触底懒加载(页面到底时请求接口加载数据)的列表,手指按住时将当前项上下滑动放到合适的位置后松手即可完成排序,图片列表/文字图标列表实现拖拽改变位置进行排序,自定义 Slot 插槽任意内容元素、修改任意样式、更改拖动时、经过时、放下时的样式,实时监听拖曳相关事件触发,提供详细源码。
小程序 vue2 | vue3 版本语法都能使用,跟着教程复制代码运行即可。
如下图所示,传入数组即可实现拖曳排序,具有高灵活度可修改任意样式且自行加入喜爱的过渡动画。
详细示例代码及注释,保证新手小白100%搞定。
示例代码
具体实现代码如下,请直接复制运行测试即可。