uni-app拖拽排序

版本一代码，简洁：

• ios页面回弹
• 当拖拽时需要禁用滚动

（行为不锁页面，驱动页面也会跟着挪动。意思就是，你拖动item时，影响到父级也滑动了
）

就像这样，紫色是父会跟着挪动到红色这

此处我是在开始拖拽中改变了isSorting为true，然后在我们的html中，通过这个值，判断当前的class，如果isSorting为true，那么overflow-y:hidden。如果isSorting为false，那么overflow-y:auto。

你可以做处理，当页面拖动个数*当个高度大于页面高度时，触发滚动条位置+ltem的一个高度
后续再优化

• 对于pageInfo: {
                      rowHeight: 120,
                      scrollHeight: 120,
                      startIndex: null,
                      scrollY: true,
                      readyPlaceIndex: null,
                      startY: 0,
                      selectedIndex: null,
                  }中rowHeight: 120,
                      scrollHeight: 120,这两个高度，需要固定

而我实际使用中，我的项目item高度是不固定的，因此，我选择了一个最大的高度值，120。

• 增加拖拽事件触发的范围

在拖拽的同级，增加一个view，然后让它绝对定位，宽高为100%，并且级别比他同级高即可

长按拖动

• 拖拽时， 列表中隐藏当前拖拽的内容

看到另外一个组件：拖拽菜单 - DCloud 插件市场 有时间再继续研究

本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！