vue-awesome-swiper的使用

1、想实现当只有一个当没有足够的slide切换时，例如只有1个slide（非loop），swiper会失效且隐藏导航等。默认不开启这个功能。

swiperOption: {
        watchOverflow: true, // 只有1个slide（非loop：loop:false），swiper会失效且隐藏导航等。默认不开启这个功能。
        slidesPerView: 1,
        pagination: {
          el: '.swiper-pagination'
        },
        on: {
          slideChangeTransitionEnd: function () { // 获取当前滚动的index
            console.log('activeIndex=>', this.activeIndex)
            this.index = this.activeIndex
            console.log(this.index)
          }
        }
      },

---

2、处理pagination的颜色，

注意在vue里不要用scoped，因为为style设置了scoped以后，swiper分页样式就失效了。分页是在mounted里创建的，此时创建的DOM，vue不会帮swiper的pagination加上scoped自定义属性。
```js
.swiper-box .swiper-pagination {
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
  }
```

来源：oschina

链接：https://my.oschina.net/u/3608045/blog/3155941