Vue vue-awesome-swiper 的坑

一、在vertical的場景模式下，默認的高度很奇怪，很是很是的大。徹底沒有規律。後來使用autoHeight好了一點。但依然有問題，問題在於它會根據swiper-slide內元素的高度自動變化疊加。依然會很是很是大。最後才知道。手動設置height便可解決。因爲個人場景是fullpage頁面，因此只須要設置height : window.innerHeight 便可。完整代碼以下：

swiperOption: {
          direction : 'vertical', height : window.innerHeight, onTransitionStart: function (swiper){ this.isHideIcon = swiper.activeIndex <= 3; }.bind(this) }

 

二、在拖拽的過程當中，我還發現另外一個bug。有時候拖拽邊緣。會致使沒有很好的彈性滾動，而是像普通頁面同樣滑動致使錯誤了。後來檢查才發現，是由於你手勢滑動的區域不是<swiper>元素覆蓋的範圍致使的。解決方案很簡單，整個頁面都讓swiper覆蓋便可。保證用戶觸碰的是swiper元素自己，而不是body、或者其餘div元素