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

时间 2020-11-26

标签 css vue spa code blog get swiper class 栏目 CSS 繁體版

原文原文链接

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

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

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

touch-action: pan-y!important;

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

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

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

因此只须要给后面加一个class标识就能够了。blog

class="v-touch"

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

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

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