vue-touch不能上下滑動的問題【解決】

引用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同樣