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

微信小程序move事件与navigator组件问题

原创

于 2017-01-11 17:53:19 发布 · 6.7k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#微信小程序

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

今天，微信小程序终于发布了，激动的同时也在加紧最后公司项目的测试，结果发现了一个问题，就是在使用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>
    <navigator url="/pages/index/index" style="width: 100rpx; height: 100rpx; border: solid 1px red;"&

最低0.47元/天解锁文章