SmileZXLee / uni-z-paging

【uni-app下拉刷新、上拉加载】高性能,全平台兼容。支持vue、nvue、vue2、vue3,使用wxs+renderjs实现。支持虚拟列表,支持自定义下拉刷新、上拉加载更多,支持自动管理空数据图、点击返回顶部,支持聊天分页、本地分页,支持国际化等100+项配置
https://z-paging.zxlee.cn
MIT License
871 stars 69 forks source link

动态变更scrollable时好像不能及时响应 #134

Open ZHT131 opened 4 months ago

ZHT131 commented 4 months ago

编译平台 HbuilderX

VUE版本 vue3

运行平台 H5

z-paging版本 最新版

问题描述 我在页面中使用了拖动排序功能,但是当我在触发拖拽时更改scrollable视图没有及时阻止滚动,也就是当我拖拽时还能同时触发页面滚动

var el = document.getElementById('componentList')
                if (el) {
                    const sortable = Sortable.create(el, {
                        group: 'draggable-component',
                        animation: 200,
                        forceFallback: false,
                        // 开始拖拽的时候
                        onStart: function (event: any) {
                            //禁止z-paging滚动
                            scrollable.value = false
                            console.log(scrollable.value)
                        },
                        // 结束拖拽
                        onEnd: (event: any) => {
                            const component = decorateStore.data[event.oldIndex!]
                            decorateStore.data.splice(event.oldIndex!, 1)
                            decorateStore.data.splice(event.newIndex!, 0, component)
                            nextTick(() => {
                                sortable.sort(range(decorateStore.data.length).map((value: any) => value.toString()))
                            })
                            //发送消息
                            decorateStore.postMessage({
                                type: 'sort',
                                oldIndex: event.oldIndex,
                                newIndex: event.newIndex,
                            })
                            //解除禁止滚动
                            scrollable.value = true
                        },
                    })
                }
SmileZXLee commented 3 months ago

可否在demo基础上修改,提供一个可复现的demo