vue-touch不能上下滑动的问题解决

Posted 2021-03-25 ichenchao

引用vue-touch之后，页面里多了一个css属性

 

 只要给这个元素一个新的CSS覆盖就行了。

但写的时候发生一个小插曲，加了一个

touch-action: pan-y!important;

没起作用。
后来发现原来是

<v-touch v-on:swipeleft="getNext" v-on:swiperight="getPrev" tag="div" class="v-touch">

在引用之后会变成<div>标签

所以只需要给后面加一个class标识就可以了。

class="v-touch"

  .v-touch
    touch-action: pan-y!important;

最后给一个CSS属性变OK了。

 

 我上面用的是stylus，直接写CSS一样