<scroll-view @touchmove="scrollHandle">中touchmove快速滑动时没有失效解决案例
时间: 2023-12-22 09:04:35 浏览: 138
swiper 解决动态加载数据滑动失效的问题
5星 · 资源好评率100%
如果你在使用 `<scroll-view>` 组件时发现快速滑动时 `@touchmove` 事件没有触发,可以尝试添加一个属性 `scroll-y="true"`,这会启用垂直方向的滚动,并且会使 `@touchmove` 事件在快速滑动时正常触发。
完整的代码示例如下:
```html
<scroll-view scroll-y="true" @touchmove="scrollHandle">
<!-- 此处是滚动内容 -->
</scroll-view>
```
如果这个方法不能解决你的问题,你还可以尝试以下几个方法:
1. 在 `scroll-view` 上添加 `prevent-default="false"` 属性。
2. 在 `scroll-view` 上添加 `touchmove` 事件,并在事件处理程序中调用 `event.preventDefault()`。
3. 使用 `better-scroll` 等第三方滚动库来代替 `scroll-view`,这些库通常有更好的滚动性能和更好的事件处理。
希望能够帮助到你!
阅读全文