vue-touch不能滑动问题

Question

使用vue-touch给组件添加左右滑动事件，但是发现上下滑动是被默认关闭了。怎么弄都不行，只有ios有这个问题。安卓没有的。没有代码。遇到过问题的大神不用看代码。

Answer 1

vue-touch 组件默认的要给组件添加一个css属性touch-action: none; 这个属性禁止了用户的所有手势操作。你用了 左右的滑动事件。。 只要给 这个组件加一个css属性 touch-action: pan-y!important; 就可以使用上下滚动了

Answer 2

Vue.use(VueTouch, { name: 'touch' });

Answer 3

试过了，不行。要加这个 :swipe-options="{direction: 'horizontal'}"

Answer 4

在vue-touch组件上添加 :swipe-options="{direction: 'horizontal'}" 代码

Answer 5

为什么我的样式是touch-action: pan-y!important; 这段也加上了 还是在移动端不可以上下滑动
在谷歌模拟器就可以

 <v-touch v-on:swipeleft="swiperleft" v-on:swiperight="swiperright" :swipe-options="{direction: 'horizontal'}">