如果各个层级的组件都有拖拽的功能，如何防止它们之间互相影响？

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

这是一个创建于 986 天前的主题，其中的信息可能已经有所发展或是发生改变。

demo https://stackblitz.com/edit/vitejs-vite-cvb6u1?file=src/App.tsx

我在一个 pull to refresh 组件里套了一个 swiper
swiper 里每一页都是一个 droppable 的 list
list 里面是 dragable 的 item
每次拖拽 item 就会导致 swiper 和 pull to refresh 都触发
试着在 dragable 的 item 上 on touch move e.stopPropagation 或者 preventDefault 都没效果
怎么解决这个问题也毫无头绪

2 条回复 • 2022-03-18 12:17:32 +08:00

dablwow

2022-03-18 09:43:08 +08:00

拖拽 item 没有触发 pull to refresh ，这个应该是正确行为吧

TWorldIsNButThis

2022-03-18 12:17:32 +08:00 via iPhone

@dablwow 是 demo 里的吗
我后来找了个控制下拉高度的属性在 ondragstart 的时候设为 0 就可以避免下拉
但是 swiper 的左右滑动靠在 ondragstart 的时候设置 allow touch move 为 false 就不行