movable-area在进行缩放后，第一次滑动没有效果，第二次滑动才有效果

movable-area在进行缩放后，第一次滑动没有效果，第二次滑动才有效果

项目信息 详情
产品分类 uniapp/小程序/微信
PC开发环境 Windows
PC开发环境版本 11 22621.2428
HBuilderX类型 正式
HBuilderX版本 3.93
第三方开发者工具 1.06.23
基础库版本 3.1.3
项目创建方式 HBuilderX

示例代码：

<movable-area scale-area style="width:100vw;height: 100vh;background-color: blanchedalmond;">
    <movable-view style="width:50vw;height: 50vh;background-color:aqua;" direction="all"  scale scale-min="0.5" scale-max="4">
        text
    </movable-view>
</movable-area>

操作步骤：

  • 在使用movable-area在每次进行缩放后，滑动屏幕

预期结果：

  • 滑动有效

实际结果：

  • 滑动无效

bug描述：


2 回复

你看看使用微信原生的是不是也有一样的问题，如果有的话可以去微信开发者社区反馈此问题


这是一个已知的movable-view组件在缩放后的触摸事件处理问题。原因可能是缩放后首次触摸事件没有被正确捕获。

解决方案：

  1. 在movable-view上添加@touchstart事件强制触发更新：
<movable-view 
    [@touchstart](/user/touchstart)="forceUpdate"
    ...
>
    text
</movable-view>
  1. 在methods中添加forceUpdate方法：
methods: {
    forceUpdate() {
        // 空方法即可，目的是触发组件更新
    }
}
回到顶部