Appearance
useTouch
▸ useTouch(): Object
触摸事件相关数据和方法,参考 Vant
返回值
Object
相关数据和操作方法
| Name | Type |
|---|---|
deltaX | { value: number = 0 } |
deltaX.value | number |
deltaY | { value: number = 0 } |
deltaY.value | number |
direction | { value: string = '' } |
direction.value | string |
isHorizontal | () => boolean |
isTap | { value: boolean = true } |
isTap.value | boolean |
isVertical | () => boolean |
move | (event: TouchEvent) => void |
offsetX | { value: number = 0 } |
offsetX.value | number |
offsetY | { value: number = 0 } |
offsetY.value | number |
reset | () => void |
start | (event: TouchEvent) => void |
startX | { value: number = 0 } |
startX.value | number |
startY | { value: number = 0 } |
startY.value | number |
deltaX: { value: number = 0 }
-
deltaX.value: number
-
deltaY: { value: number = 0 }
-
deltaY.value: number
-
direction: { value: string = '' }
-
direction.value: string
-
isHorizontal: () => boolean
判断是否是水平方向
isTap: { value: boolean = true }
-
isTap.value: boolean
-
isVertical: () => boolean
判断是否是垂直方向
move: (event: TouchEvent) => void
触摸移动事件处理函数
offsetX: { value: number = 0 }
-
offsetX.value: number
-
offsetY: { value: number = 0 }
-
offsetY.value: number
-
reset: () => void
重置触摸状态
start: (event: TouchEvent) => void
触摸开始事件处理函数
startX: { value: number = 0 }
-
startX.value: number
-
startY: { value: number = 0 }
-
startY.value: number
-