微信小程序实例：move事件导致navigator组件和tap事件无效

最新推荐文章于 2024-07-25 15:47:24 发布

草灯

最新推荐文章于 2024-07-25 15:47:24 发布

阅读量6.6k

点赞数 5

分类专栏： web前端微信开发小程序文章标签：微信小程序

本文链接：https://blog.csdn.net/eadio/article/details/54290420

版权

在微信小程序中，遇到使用catch绑定move事件后，navigator组件的url及tap事件失效的问题。测试发现，bindmovestart事件能解决部分问题，但navigator组件在特定目录结构下无法正常跳转。经过排查，错误可能与图片加载失败导致的编译错误有关。此外，官方文档更新提示，navigator组件需指定open-type属性以正确跳转tabBar页面。

摘要由CSDN通过智能技术生成

今天，微信小程序终于发布了，激动的同时也在加紧最后公司项目的测试，结果发现了一个问题，就是在使用catch绑定move事件的时候，无法触发navigator组件的url和tap事件。测试如下：

test.wxml：：

<view class="flex-h" style="width: 750rpx; height: 200rpx; border: solid 1px green;" catchtouchstart="slideTouchStart" catchtouchmove="slideTouchMove" catchtouchend="slideTouchEnd">
    <view class="item" bindtap="testTap" style="width: 100rpx; height: 100rpx; border: solid 1px red;">
    1111
    </view>
    <view class="item" catchtap="testTap" style="width: 100rpx; height: 100rpx; border: solid 1px red;">
    222
    </view>
    <view class="item" catchtap="testTap" style="width: 100rpx; height: 100rpx; border: solid 1px red;">
    333
    </view>