V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
V2EX 提问指南
TWorldIsNButThis
V2EX  ›  问与答

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

  •  
  •   TWorldIsNButThis · 2022-03-17 23:04:52 +08:00 · 948 次点击
    这是一个创建于 1009 天前的主题,其中的信息可能已经有所发展或是发生改变。
    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
        1
    dablwow  
       2022-03-18 09:43:08 +08:00
    拖拽 item 没有触发 pull to refresh ,这个应该是正确行为吧
    TWorldIsNButThis
        2
    TWorldIsNButThis  
    OP
       2022-03-18 12:17:32 +08:00 via iPhone
    @dablwow 是 demo 里的吗
    我后来找了个控制下拉高度的属性 在 ondragstart 的时候设为 0 就可以避免下拉
    但是 swiper 的左右滑动靠在 ondragstart 的时候设置 allow touch move 为 false 就不行
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   1047 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 25ms · UTC 19:15 · PVG 03:15 · LAX 11:15 · JFK 14:15
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.