25行代码解决小程序的拖拽排序

最新推荐文章于 2024-01-02 17:56:33 发布

好想再胖十斤

最新推荐文章于 2024-01-02 17:56:33 发布

阅读量1w

点赞数 2

CC 4.0 BY-SA版权

分类专栏：微信小程序文章标签：微信小程序拖拽排序排序方法

本文链接：https://blog.youkuaiyun.com/qq_33719683/article/details/79767090

// 初始点击
    stratBtn(e){
        let index = http.dataIndex(e)[0];//获取当前点击的列表
        let busArr = this.data.busArr;//获取列表中的所有数组
        let pageY = Number(e.touches[0].pageY);//初始点击的Y点坐标
        let busActObj = busArr[index];//单独记录当前点击的数据
        this.setData({  //保存数据
            sPageY:pageY,
            mPageY:pageY,
            moveSortBox:true,
            clickIndex:index,
            busActObj:busActObj
        })
    },
    // 开始移动
    moveBtn(e){
        let pageY = Number(e.touches[0].pageY); //记录移动点的坐标
        this.setData({ //记录
            mPageY:pageY,
            moveSortBox:true,
        })
    },
    // 结束点击
    endBtn(e){
        let sPageY = Number(this.data.sPageY); //获取初始点的坐标
        let busArr = this.data.busArr; //获取数组
        let pageY = Number(e.changedTouches[0].pageY);//获取结束点的坐标
        let clickIndex = Number(this.data.clickIndex); //初始点的位置
        let busActObj = this.data.busActObj;//获取初始点的列表单独数据
        let position