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一樣

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM