uni-app <movable-view>和<scroll-view>冲突

在uni-app中，<movable-view>和<scroll-view>同时使用时确实容易产生手势冲突，这是因为两者都处理触摸事件导致的常见问题。

解决方案：

1. 使用@touch事件手动控制 通过给movable-view添加@touchstart、@touchmove、@touchend事件，在触摸开始时阻止事件冒泡：

handleTouchStart(e) {
    e.stopPropagation()
    // 其他逻辑
}

1. 设置scroll-view的滚动方向 明确指定scroll-view的滚动方向，避免与movable-view的拖动方向冲突：

<scroll-view scroll-y="true" style="height: 100vh">
    <movable-area>
        <movable-view>可拖动内容</movable-view>
    </movable-area>
</scroll-view>

1. 使用条件判断控制交互 根据业务逻辑，在特定条件下禁用其中一个组件的交互：

data() {
    return {
        scrollEnabled: true,
        movableEnabled: true
    }
}