Open ZHT131 opened 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 }, }) }
可否在demo基础上修改,提供一个可复现的demo
编译平台 HbuilderX
VUE版本 vue3
运行平台 H5
z-paging版本 最新版
问题描述 我在页面中使用了拖动排序功能,但是当我在触发拖拽时更改scrollable视图没有及时阻止滚动,也就是当我拖拽时还能同时触发页面滚动