使用swiper报错：[Intervention] Ignored attempt to cancel a touchmove event with cancelable=false

问题

在使用vue中使用vue-awesome-swiper插件制作轮播图时，当鼠标滑动轮播图，控制台报了这样的错（其实是警告）：

解决

直接在给你自己写的 swiper 中添加一个 touch-action: none; 样式，这样就不会报错了，这个样样式的作用是 禁止触发默认的手势操作 。

分析

虽然解决了报错的问题，如果你的轮播图是左右轮播的话，我们会发现在轮播图区域内，我们无法上下滑动，这就是该样式造成的后果。

所以为了体验，不采取该做法，毕竟报这个警告不影响我们程序的正常运行。