兄弟组件 怎么阻止拖拽事件穿透

在React中，如果你想要阻止拖拽事件穿透兄弟组件，你可以在拖拽事件处理函数中调用`event.stopPropagation()`方法。这会停止事件在组件层级中的进一步传播，因此它不会到达兄弟组件。

另外，你还可以在组件上使用CSS属性`pointer-events: none`来禁用组件的鼠标事件，这样就不会接收到拖拽事件了。但这个方法会同时禁用鼠标事件，所以不一定适用于所有情况。

相关问题

swiper阻止拖拽事件冒泡

要阻止Swiper组件的拖拽事件冒泡，你可以在Swiper初始化的时候，添加一个`touchMoveStopPropagation`属性，并将其设置为`true`。例如：

var swiper = new Swiper('.swiper-container', {
  touchMoveStopPropagation: true,
  // 其他配置项
});

这样就可以阻止Swiper组件的拖拽事件冒泡了。

uniapp 拖动组件时阻止页面移动

可以在拖动组件时监听 touchmove 事件，并调用 event.preventDefault() 方法来阻止页面的滚动。示例代码如下：

<template>
  <view @touchmove.stop.prevent="onTouchMove">
    <drag-component />
  </view>
</template>

<script>
export default {
  methods: {
    onTouchMove(event) {
      event.preventDefault();
    },
  },
};
</script>

在上面的代码中，我们给父级 view 绑定了 touchmove 事件，并使用 .stop.prevent 修饰符来阻止事件的继续传递和默认行为。然后在事件处理函数中调用 event.preventDefault() 来阻止页面的滚动。