uni-app长按拖拽排序最稳方案是手动接管touchstart/touchmove事件：300ms长按防误触，touchmove中按需查相邻项位置计算目标索引，松手后生成新数组整体赋值更新，避免splice索引错乱和响应式丢失。
uni-app 长按拖拽排序用 touchstart + touchmove 最稳
纯靠 draggable 属性或第三方插件在 uni-app 里基本不可靠——小程序平台不支持原生 draggable，h5 上行为不一致，app 端权限和手势冲突多。真要稳定拖拽排序，得自己接管触摸事件流。
核心是：长按触发锁定（加延时防误触），移动时动态计算目标索引，松手后更新数组顺序。别碰 dragstart/dragend，它们在 uni-app 多端表现极差。
- 用
setTimeout在touchstart里设 300ms 阈值，超时才进入拖拽态，避免点击误判 - 拖动中持续监听
touchmove，通过event.touches[0].pageY和列表项boundingClientRect计算当前悬停位置 - 每次位置变化只重新计算一次目标 index，避免高频 setState 导致卡顿
- 松手（
touchend或touchcancel）立即清空拖拽态，防止残留状态影响下一次操作
uni-app 列表项定位必须用 uni.createSelectorQuery()
直接用 offsetTop 或 getBoundingClientRect() 在小程序里拿不到真实位置——组件未渲染完成、自定义组件嵌套、使用了 scroll-view 都会导致数值为 0 或错位。
必须用 uni.createSelectorQuery() 主动查每个 item 的布局信息，且要在 nextTick 或 setTimeout 后执行，确保 DOM 已更新。
- 给每个
view加唯一id，比如item-{{index}}，方便 query 定位 - 不要在
touchstart时一次性查完所有位置——列表长时性能差，改在touchmove中按需查相邻 3–5 项即可 - 查到的
top是相对于 viewport 的，需减去页面滚动偏移（uni.getSystemInfoSync().windowHeight不适用，要用uni.pageScrollTo相关逻辑反推）
数组重排别用 splice 直接挪，用 Array.from + map 更安全
拖拽过程中频繁修改原数组，尤其跨多端时，Vue 响应式可能丢失更新，或触发不必要的 diff。直接 splice 移动元素容易索引错乱，特别是从后往前拖时。
推荐生成新数组，再整体赋值，让响应式系统清晰感知变更。
const newArray = Array.from(oldArray) const [movedItem] = newArray.splice(fromIndex, 1) newArray.splice(toIndex, 0, movedItem) this.list = newArray // 触发完整更新
- 别在
splice后还对原数组做 push/unshift —— 状态不可控 - 如果启用了
trackBy（如:key="item.id"），确保id唯一且不变，否则列表会复用错误节点 - App 端 iOS 有时会因动画未结束就更新数组，导致视觉跳动，可在
touchend后加setTimeout(() => { this.list = newArray }, 16)对齐帧率
安卓真机上 touchmove 被拦截的常见原因
很多安卓手机（尤其华为、小米）默认禁用 webview 内部的 touchmove，表现为：长按生效，但手指一动就断开，touchmove 根本不触发。
根本原因是 scroll-view 或父容器设置了 catchtouchmove，或 CSS 里写了 -webkit-overflow-scrolling: touch，又或者开启了 enable-flex 但没配好子项 flex-shrink。
- 检查是否误用了
scroll-view包裹整个列表——它会劫持所有 touch 事件，换用普通view+ CSS 滚动更可控 - 确认没有全局设置
* { touch-action: none }，这会让所有 touchmove 失效 - 在
touchstart里加event.preventDefault()（仅 H5/APP，小程序里无效但无害），告诉浏览器“我要自己处理”
拖拽排序真正难的不是逻辑，而是各端对 touch 事件的解释差异和时机判断。一个长按阈值、一次位置查询、一次数组重建，每步都卡在平台边界上。调通一个机型不代表全通，真机测试至少覆盖微信小程序、支付宝小程序、iOS App、Android 主流厂商 App 四类环境。
