weex如何获取手势方向?

使用v-on:swipe="onSwpie(item)"监听手势的变化,请问如何取得当前手势滑动方向。官方说在回调中可以获得:

以下属性可以在手势的回调中使用:

direction:仅在 swipe 手势中存在,返回滑动方向,返回值可能为 up, left, bottom, right。
changedTouches:一个数组,包含了当前手势的触摸点的运动轨迹

尝试未果,

阅读 4.4k
2 个回答

找到答案了,分享如下:
场景:列表的cell向左滑动出现操作按钮。关键代码如下:

 <cell class="bui-cell" v-for="(item,index) in listData" v-on:swipe="onSwipe($event,item)">
...
</cell>

注意这里不仅仅要用到swipe事件的回调,也需要给onSwipe传入列表数据,需要增加个$event,在这个对象里面才能够获取到回调属性。

"onSwipe":function (event,item) {
                console.log(">>>>>>>>>>")
                console.log(event);
                console.log(event.direction);
}

这样就可以根据获取到swipe的方向了。如果只是v-on:swipe="onSwipe()"也会有个event,但如果需要传入额外的参数,就得主动传个$event进去,vue里面的事件对象

建议可以console.log打印出item,查看下信息

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进