uniapp 小程序 监听用户滑动

在uniapp小程序中，可以通过监听touch事件来实现监听用户滑动的功能。

首先，在需要监听用户滑动的组件上添加touchstart、touchmove和touchend事件：

<view @touchstart="touchStart" @touchmove="touchMove" @touchend="touchEnd"></view>

然后，在methods中定义对应的事件处理函数：

methods: {
  touchStart(e) {
    // 记录起始位置
    this.startX = e.touches[0].clientX;
    this.startY = e.touches[0].clientY;
  },
  touchMove(e) {
    // 计算移动距离
    let moveX = e.touches[0].clientX - this.startX;
    let moveY = e.touches[0].clientY - this.startY;
    
    // 判断滑动方向
    if (Math.abs(moveX) > Math.abs(moveY)) {
      // 水平方向滑动
      if (moveX > 0) {
        // 向右滑动
        console.log('向右滑动');
      } else {
        // 向左滑动
        console.log('向左滑动');
      }
    } else {
      // 垂直方向滑动
      if (moveY > 0) {
        // 向下滑动
        console.log('向下滑动');
      } else {
        // 向上滑动
        console.log('向上滑动');
      }
    }
  },
  touchEnd(e) {
    // 清空起始位置
    this.startX = 0;
    this.startY = 0;
  }
}

以上代码会在用户滑动时输出对应的滑动方向。

需要注意的是，由于uniapp小程序是基于vue开发的，因此事件名需要加上@前缀，同时也需要在data中定义起始位置的变量。