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元素