uniapp实现页面左右滑动，上下滑动事件

实现代码：

<view class="" @touchstart="touchstart" @touchend="touchend">
</view>

data() {
	return {
		touchData: {}, //滑动事件数据
    }
}
methods: {
	touchstart(e) {
				this.touchData.clientX = e.changedTouches[0].clientX;
				this.touchData.clientY = e.changedTouches[0].clientY;
	},
	touchend(e) {
				const subX = e.changedTouches[0].clientX - this.touchData.clientX;
				const subY = e.changedTouches[0].clientY - this.touchData.clientY;
				if(subY > 50){
					console.log('下滑')
				}
				if(subY < -50){
					console.log('上滑')
				}
				if (subX > 50) {
					console.log('右滑')
				}
				if (subX > -50) {
					console.log('左滑')
				}
	},
}