使用 uniapp 开发带有<scroll-view>标签和需要具备下拉刷新功能(enablePullDownRefresh=true)的页面时,在划动<scroll-view>内容时,控制台会报错:

Ignored attempt to cancel a touchmove event with cancelable=false, for example because scrolling is in progress and cannot be interrupted.

导致这个错误的原因是:页面中存在多个touchmove事件且互相冲突。

解决方法:

  1. 取消页面的下拉刷新功能。(enablePullDownRefresh设置为false)
  2. scroll-view 绑定 @scroll 事件,执行preventDefault方法:
    if (e.cancelable) event.preventDefault();

参考来源:此文章