uni-app微信小程序滑动事件

<view class="relative" @touchmove="handletouchmove" @touchstart="handletouchstart" @touchend="handletouchend"> </view> data() { return { flag: 0, text: '', las...
<view class="relative" @touchmove="handletouchmove" @touchstart="handletouchstart" @touchend="handletouchend">
</view>
data() {
  return {
  flag: 0,
  text: '',
  lastX: 0,
  lastY: 0
 }
}
methods: {
handletouchmove: function(event) {
// console.log(event)
if (this.flag !== 0) {
return;
}
let currentX = event.touches[0].pageX;
let currentY = event.touches[0].pageY;
let tx = currentX - this.lastX;
let ty = currentY - this.lastY;
let text = '';
this.mindex = -1;
//左右方向滑动
if (Math.abs(tx) > Math.abs(ty)) {
if (tx < 0) { text='向左滑动' ; this.flag=1; // this.getList(); //调用列表的方法 } else if (tx> 0) {
	text = '向右滑动';
	this.flag = 2;
	}
	}
	//上下方向滑动
	else {
	if (ty < 0) { text='向上滑动' ; this.flag=3; // this.getList(); //调用列表的方法 } else if (ty> 0) {
		text = '向下滑动';
		this.flag = 4;
		}
		}

		//将当前坐标进行保存以进行下一次计算
		this.lastX = currentX;
		this.lastY = currentY;
		this.text = text;
		},
		handletouchstart: function(event) {
		// console.log(event)
		this.lastX = event.touches[0].pageX;
		this.lastY = event.touches[0].pageY;
		},
		handletouchend: function(event) {
		this.flag = 0;
		this.text = '没有滑动';
		},
		}

你可能感兴趣的文章

相关问题

0 条评论

请先 登录 后评论
admin
admin

651 篇文章

作家榜 »

  1. admin 651 文章
  2. 粪斗 185 文章
  3. 王凯 92 文章
  4. 廖雪 78 文章
  5. 牟雪峰 12 文章
  6. 李沁雪 9 文章
  7. 全易 2 文章
  8. 央视新闻 0 文章