touch

支持tap / doubleTap / pan / press / swipe / pinch / rotate手势

WARNING

由于内部封装的touch事件, 所以需要在手机上预览效果.

预览地址

基本使用

<div v-touch:pinch="pinchHandle">手指捏合/张开触发</div>
methods: {
    pinchHandle: function(data, e){
        console.log(data, e);
    }
}

返回参数(data)

键值说明所属事件
type事件类型, 如tap / pinch所有事件
scale缩放倍数pinch
angle旋转角度rotate
deltaXX轴滑动距离swipe
deltaYY轴滑动距离swipe
direction滑动方向: up/down/left/rightswipe
velocity滑动速度swipe
velocityXX轴滑动速度swipe
velocityYY轴滑动速度swipe
holdTime手指触碰到离开经历的事件swipe
中国移动
19:01:30
86%